有时候我们在表单进行提交前需要进行表单验证,如果验证不通过,那么就需要阻止表单提交的默认行为,下面介绍两种阻止此默认行为的方式。
1 第一种方式就是在按钮上绑定click事件,return false就会阻止默认行为,反之就进行默认行为。
<form action="http://www.baidu.com" method="post"> <!--<input type="submit" value="提交" οnclick="return test()"/>--> <input type="submit" value="提交"/> </form>
function test(){ if(/*验证通过*/1){ return true; }else{ return false; } }
2 通过submit事件,通过调用event.preventDefault();方法来阻止默认行为。
$("form").on("submit",function(event){ if(/*验证通过*/1){ }else{ event.preventDefault();
//return false; 当然这里也可以返回false。 } })