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

发布时间:2021-01-04编辑:脚本学堂
分享一例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" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title>获取表单数据-www.jb200.com</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("提示:内容已经复制到剪贴板!nn如果提交失败,可以直接粘贴!"); 

 
//自动装载,可从剪贴板获得复制的值 
function loadForm() { 
 var titleInitValue = window.clipboardData.getData('Text'); 
 //alert(titleInitValue); 

</script>