JQuery UI| jQuery插件| jQuery手册| jQuery下载| jquery教程 jQuery其他|

jquery教程

推荐列表 站点导航

当前位置：首页 > jquery > jquery教程 >

javascript读取表单数据的示例代码

来源:网络整理  作者:  发布时间:2020-12-22 21:47
分享一例js代码，用于读取表单数据，通常我们都是用php或其它语言读取表单，本节用javascript代码读取表单数据，感...

本节内容：
javascript读取表单数据

分享javascript读取表单数据的三种方法：
1、通过表单ID属性：var a = document.getElementByIdx_x_x("id");
2、通过表单名称属性：var b = document.getElementsByName("name");
3、直接通过表单名字获取：var c = form.content.value;

表单验证方法则非常简单；
在表单里加上一句：onsubmit="return check(this);" ，然后在js中创建一个check函数即可。

例子：
 

复制代码 代码示例:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ""> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title>获取表单数据-ym97.com/wenku</title> 
</head> 
<body onLoad="loadForm()"> 
 <form name="add" method="post" onSubmit="return check(this);" action=""> 
  <input name="title" id="t1" type="text" size="50" maxlength="100"/> 
  <input type="submit" name="s" value="我要发布"/> 
 </form> 
</body> 
</html> 
 
<!--##JS表单验证函数开始##--> 
<script language="JavaScript"> 
//js验证表单 
function check(it){ 
 var a=it.title.value; 
 //var a = document.add.title.value; 
 //var a = document.add.t1.value; 
 //var a = document.getElementByIdx_x("t1").value; 
 if(a.length<5){ 
  alert("提示：标题长度不能小于5！"); 
  copyok(it); 
  document.add.title.focus(); //聚焦[提交表单后,会重新加载页面,聚焦没什么作用] 
 } 
} 
 
//复制表单内容到剪贴板 
function copyok(it){ 
 var a=it.title.value; 
 window.clipboardData.setData('Text',a); //复制到剪贴板 
 //alert("提示：内容已经复制到剪贴板！\n\n如果提交失败，可以直接粘贴！"); 
} 
 
//自动装载,可从剪贴板获得复制的值 
function loadForm() { 
 var titleInitValue = window.clipboardData.getData('Text'); 
 //alert(titleInitValue); 
} 
</script>

相关热词：

本站内容来源于网络，如有侵权请与我们联系，我们会及时删除，我们深感抱歉！
注：本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规！

本文地址: https://v30.fanwenzhu.com/jq/jc/7396.shtml

上一篇：jquery mobile动态添加元素之
下一篇：CentOS6.2使用sftp限制帐号
相关文章
热门TAG
win10 ecshop 主机 阿里云 解决 配置 C# C++ 解析 SQL语句 命令 Go语言 方法 CSS3 HTML5 CSS win7 MSSQL 服务器配置 IIS7.5 IIS7 IIS6 IIS CentOS 7 Linux oracle数据库 oracle phpcms discuz discuz教程
最新文章
PHP识别相片是否是颠倒的 PHP识别相片是否是颠倒的

时间：2020-12-28

python编程有哪些ide python编程有哪些ide

时间：2020-12-28

python开发工程师是做什么 python开发工程师是做什么

时间：2020-12-28

php构造函数的作用 php构造函数的作用

时间：2020-12-28

php怎么跟数据库连接 php怎么跟数据库连接

时间：2020-12-28

php实现顺序线性表 php实现顺序线性表

时间：2020-12-28

Python多重继承中的菱形继 Python多重继承中的菱形继

时间：2020-12-28

php中break的作用 php中break的作用

时间：2020-12-28

热门文章
php中常用的正则表达式使用方法 php中常用的正则表达式使用方法

时间：2020-12-25

asp与php区别是什么？ asp与php区别是什么？

时间：2020-12-27

PHP识别相片是否是颠倒的，并且重新摆正 PHP识别相片是否是颠倒的，并且重新摆正

时间：2020-12-28

Yii授权之基于角色的存取控制 （RBAC） Yii授权之基于角色的存取控制 （RBAC）

时间：2020-12-23

php的一键安装包有哪些 php环境搭建 php的一键安装包有哪些 php环境搭建

时间：2020-12-19

php实现对图片对称加解密（适用身份证加 php实现对图片对称加解密（适用身份证加

时间：2020-12-25

php如何理解面向对象 php如何理解面向对象

时间：2020-12-28

超详细分析php docker的原理及作用 超详细分析php docker的原理及作用

时间：2020-12-27

Python控制Excel实现自动化办公 Python控制Excel实现自动化办公

时间：2020-12-23

session的作用是什么 session的作用是什么

时间：2020-12-25

Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

javascript读取表单数据的示例代码

2020-12-22　编辑：

本节内容：
javascript读取表单数据

分享javascript读取表单数据的三种方法：
1、通过表单ID属性：var a = document.getElementByIdx_x_x("id");
2、通过表单名称属性：var b = document.getElementsByName("name");
3、直接通过表单名字获取：var c = form.content.value;

表单验证方法则非常简单；
在表单里加上一句：onsubmit="return check(this);" ，然后在js中创建一个check函数即可。

例子：
 

复制代码 代码示例:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ""> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title>获取表单数据-ym97.com/wenku</title> 
</head> 
<body onLoad="loadForm()"> 
 <form name="add" method="post" onSubmit="return check(this);" action=""> 
  <input name="title" id="t1" type="text" size="50" maxlength="100"/> 
  <input type="submit" name="s" value="我要发布"/> 
 </form> 
</body> 
</html> 
 
<!--##JS表单验证函数开始##--> 
<script language="JavaScript"> 
//js验证表单 
function check(it){ 
 var a=it.title.value; 
 //var a = document.add.title.value; 
 //var a = document.add.t1.value; 
 //var a = document.getElementByIdx_x("t1").value; 
 if(a.length<5){ 
  alert("提示：标题长度不能小于5！"); 
  copyok(it); 
  document.add.title.focus(); //聚焦[提交表单后,会重新加载页面,聚焦没什么作用] 
 } 
} 
 
//复制表单内容到剪贴板 
function copyok(it){ 
 var a=it.title.value; 
 window.clipboardData.setData('Text',a); //复制到剪贴板 
 //alert("提示：内容已经复制到剪贴板！\n\n如果提交失败，可以直接粘贴！"); 
} 
 
//自动装载,可从剪贴板获得复制的值 
function loadForm() { 
 var titleInitValue = window.clipboardData.getData('Text'); 
 //alert(titleInitValue); 
} 
</script>

本站内容来源于网络，如有侵权请与我们联系，我们会及时删除，我们深感抱歉！
注：本站所有信息仅供学习参考！
本文地址为 https://v30.fanwenzhu.com/jq/jc/7396.shtml

相关文章

风云图片

PHP识别相片是否是颠倒的

PHP识别相片是否是颠倒的

python编程有哪些ide

python编程有哪些ide

python开发工程师是做什么

python开发工程师是做什么

php构造函数的作用

php构造函数的作用

php怎么跟数据库连接

php怎么跟数据库连接

php实现顺序线性表

php实现顺序线性表

推荐阅读

返回jquery教程频道首页