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

论坛 期权论坛 编程之家     
选择匿名的用户   2021-5-22 15:17   119   0

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

  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。 } })
复制代码

转载于:https://www.cnblogs.com/ray-mr-huang/p/9083862.html

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:3875789
帖子:775174
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP