form表单少不了对数据的校验.其实form中有一个方法是对form表单中的数据进行校验.但是需要点击submit按钮才能触发这个校验,而通过js提交表单是不会触发这个校验方法的.下面做了一探索.
下面的代码能够触发验证方法.
<html> <head> <script> function checkForm(form) { // alert(form['nameId'].value); // alert(typeof(form)); // alert(typeof(form['nameId'])); // alert(typeof(form['nameId'].value)); if(form['nameId'].value == "") { alert("姓名不能为空!"); return false; } return true; } </script> </head> <body> <form id="formId" action="www.baidu.com" οnsubmit="return checkForm(this)"> 请输入姓名:<input type="text" id="nameId"/> <input type="submit" value="提交"/> </form> </body> </html>在js中调用onsubmit方法
function checkForm(form){ if(form['o.NSfk'].value=="") { alert("实付款为空!"); return false; } if(form['o.DFksj'].value=="") { alert("收款日期为空!"); return false; } return true; } function tijiao() { var form = document.getElementById("productFormId"); if(form.onsubmit()==false) { return; } form.submit(); }