ショッピング カート フォームには、ajax 送信による検証フォームが含まれています。検証が失敗した場合、alert() ボックスが表示され、return false
検証が失敗した場合、submit メソッドは呼び出されなくなりました。ボタンへの後続のクリックは無視されます。
緑色のLisa ostukorviボタンを最初にクリックすると、警告ボックスが表示されます。その後のクリックは無視され、submit() イベントは発生しません。これは、IE10、FireFox、および Chrome で発生します。これを修正する方法は？
<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 が使用されます。