Question

我尝试使用以下代码，但错误消息很快消失

var options = { /* your options*/};

$('#next').hammer(options).bind("swiperight", function() {
    var href = $(this).attr('href');
    $(window).location.replace(href);
});

Answer 1

使用preventDefault()方法停止发生元素的默认操作：

$(document).ready(function(){
  $('form').submit(function(e){
    if($("#first").val().match('^[a-zA-Z]{3,16}$')){
       alert("valid");
    }
    else{
      e.preventDefault();
      $("#error_msg").after("invalid");
    }
  })
})

Answer 2

使用event.preventDefault（）。如果调用此方法，则不会触发事件的默认操作。

＆＃13;

$(document).ready(function() {
  $('form').submit(function(event) {
    if ($("#first").val().match('^[a-zA-Z]{3,16}$')) {
      alert("valid");
    } else {
       $("#error_msg").empty().text("invalid");
       alert("invalid");
      event.preventDefault();
    }
  })
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
<input type="text" id="first">
<div id="error_msg"></div>
<button type="submit">submit</button>
</form>

＆＃13;

Answer 3

使用return false;

$(document).ready(function(){
  $('form').submit(function(e){
    if($("#first").val().match('^[a-zA-Z]{3,16}$')){
       alert("valid");
    }
    else{      
      $("#error_msg").after("invalid");
       return false;
    }
  })
})

Answer 4

使用return false或preventDefault()方法停止操作：

$(document).ready(function(){
  $('form').submit(function(e){
    if($("#first").val().match('^[a-zA-Z]{3,16}$')){
       alert("valid");
    }
    else{
      $("#error_msg").after("invalid");
      return false;
      //or
      e.preventDefault();
    }
  })
})

在jquery验证中，错误消息很快消失

4 个答案: