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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM