利用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>获取表单数据</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>