JS：JS判断提交表单不能为空等验证

1|0这段代码在<form>中有οnsubmit="return on_submit()"，如果 onsubmit （）返回 fasle，表单的元素就不会提交，即action="regist.php"不会执行，如果该函数返回其他值或什么都没有返回，则表单会被提交，即执行action="regist.jsp"。也就是说，onsubmit是用来验证输入信息，而action是提供一个表单完成被提交的路径，当onsubmit为false时表单不会提交。

<form method="post" name="form" action="register.php" onSubmit="return beforeSubmit(this);">

例子：

<fieldset>
   <legend>用户注册</legend>
    <form method="post" name="form" action="user.do?method=register" onSubmit="return beforeSubmit(this);">
     <table border="1" width="100%" cellspacing="0" cellpadding="0">
      <tr><td><label>用户名：<input type="text" name="username" value=""></label></td></tr>
      <tr><td><label>密   码：<input type="password" name="password" value=""></label></td></tr>
      <tr><td><label>重复密码：<input type="password" name="password2" value=""></label></td></tr>
      <tr><td><input value="注册" type="submit"> <input type="reset" value="重置"></td></tr>      
     </table>
    </form>
</fieldset>
 
 
<script type="text/javascript">
function beforeSubmit(form){
if(form.username.value==''){
alert('用户名不能为空！');
form.username.focus();
return false;
}
if(form.password.value==''){
alert('密码不能为空！');
form.password.focus();
return false;
}
if(form.password.value.length<6){
alert('密码至少为6位，请重新输入！');
form.password.focus();
return false;
}
if(form.password.value!=form.password2.value) {
alert('你两次输入的密码不一致，请重新输入！');
form.password2.focus();
return false;
}
return true;
}
</script>

__EOF__

本文作者：komomon
本文链接：https://www.cnblogs.com/forforever/p/12373650.html
关于博主：喜欢读书、旅行、爬山。评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！