form表单检验的两种事件

1.在from里添加submit事件

<form action="test2.html" method="post" onsubmit = "return checkDate()">
		<p>用户名:<input type="text" name="id"></p>
		<p>密码:<input type="password" name="ps"></p>
		<p><input type="submit" value="提交"></p>
</form>

		function checkDate(){
			var id = document.forms[0].elements[0].value;
			var ps = document.forms[0].elements[1].value;
			if(id == ''){
				alert('用户名不能为空');
				return false;
			}else if(ps == '') {
				alert('密码不能为空');
				return false;
			}
			return true;
		}

上述方法是通过checkDate函数的返回值来判断是否提交的，如果返回true就执行提交操作，如果返回false就不提交，

2.通过在添加click事件判断是否要提交

<form action="test2.html" method="post">
		<p>用户名:<input type="text" name="id"></p>
		<p>密码:<input type="password" name="ps"></p>
		<p><input type="submit" value="提交" onclick = "return check()"></p>
</form>

function check(){
			var id = document.forms[0].elements[0].value;
			var ps = document.forms[0].elements[1].value;
			if(id == ''){
				alert('用户名不能为空');
				return false;
			}else if(ps == '') {
				alert('密码不能为空');
				return false;
			}
			return true
}

上述方法是通过check事件的返回值决定是否提交，当check函数返回true时，就说明点击了提交按钮，就会提交表单内容，返回false就不会提交，要注意发是，如果这样写 onclick = 'check()'，那么不论返回true或者false都是会提交的，上一种方法也是，

还有一点，如果check函数返回true，但checkDate函数返回false，表单也是不会提交的