form表单提交信息,提交前判断输入框的内容,用onSubmit事件

在做页面的时候,提交信息到后台,我们都会用form表单直接把值传到后台,但是有的要在传值之前判断输入框的值是否符合要求,这样我们可以使用onSubmit事件

例:

<form action="queryType.do" method="post" name="form" onSubmit="return check(this);">
	<input type="text" id="user" name="user"/>	
	<input type="submit" value="提交"/>
</form>
<script>
    function check(form){
        if(form.user.value == ''){
              alert("用户名不为空");
              return false;
        }
        return true;
    }
</script>  

当点击提交按钮时,会先执行onSubmit事件 ,执行check()函数

当check()函数返回false的时候,form表单不会提交;

只有当check()函数返回true的时候,form表单 才会提交

原文地址:https://www.cnblogs.com/dyy-dida/p/9109817.html