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,表单也是不会提交的