js阻止表单提交默认行为的两种方式

 

　有时候我们在表单进行提交前需要进行表单验证，如果验证不通过，那么就需要阻止表单提交的默认行为，下面介绍两种阻止此默认行为的方式。

　　1  第一种方式就是在按钮上绑定click事件，return false就会阻止默认行为，反之就进行默认行为。

　　

　　　　<form action="http://www.baidu.com" method="post">
            
            <!--<input type="submit" value="提交" onclick="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。
            }
        })