form中的onsubmit

来源：互联网发布：路由器设置映射端口编辑：程序博客网时间：2024/06/16 21:29

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" onsubmit="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();}