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。
            }
        })