Question

购物车表单包含带有ajax提交的验证表单。如果验证失败，则会显示alert（）框，return false会取消提交如果验证失败，则不再调用submit方法。随后点击按钮将被忽略。

只有先点击绿色Lisa ostukorvi按钮才能生成警告框。忽略后续点击，submit（）事件不会触发。这发生在IE10，FireFox＆amp;铬。如何解决这个问题？

<script>
var request;
$(function() {
$(".browse-addtocart-form").submit(function(event){
    if (request) {
        request.abort();
    }
    var $form = $(this);
    var $inputs = $form.find("input, select, button, textarea");
    var serializedData = $form.serialize();
    var q = parseInt(this.quantity.value, 10);
    if(isNaN(q) || q === 0){
      alert('Fill quantity');
      $(this.quantity).focus();
      // TODO: Why this causes submit event not to occur on subsequent clicks:
      return false;
      }

    request = $.post('/AddToCart', serializedData );
    return false;
    });
   });
</script>


 <form class='browse-addtocart-form' action="/AddToCartPost" method="post">
<input type="submit" value="Add to cart" class='button green small bigrounded' />
</form>
</html>

使用jquery，jquery-ui，ASP .NET MVC2。

Answer 1

嗨，你应该使用像这样的$（“＃submitId”）点击功能。点击（function（）{/ *你的代码* //}）;并提交你的提交信息

如果验证失败，如何在表单中启用提交事件

1 个答案: