как проверить действительное целое количество befor submit в корзине

Question

Форма ввода количества корзины определяется с использованием кода ниже. Первоначально количество должно быть пустым.

Форма передается через ajax с помощью jquery post().

Как проверить, что количество заполнено целым числом больше 0 перед подачей?

Я пробовал код ниже, но окно предупреждения возвращает [htmlinputelement], и поэтому проверка не выполняется.

<form class='browse-addtocart-form' action="<%= Url.Action("AddToCartPost", "Store")%>" method="post"> 
     <input class='amount ui-corner-all' name="quantity" type="number" value="" 
    size="3" min="0" step="1" /></span> 
    <input type="submit" value="Add to cart" /> 
     </form> 
    <script>  
    $(function() { 
$(".browse-addtocart-form").submit(function(event){ 
    var $form = $(this); 
    var serializedData = $form.serialize(); 
    alert($form[0].quantity); 
    if ($form[0].quantity==="" || $form[0].quantity==="0") { 
     alert('Please fill quantity with non zero integer'); 
     event.preventDefault(); 
     return; 
     } 
    $.post('<%= Url.Action("AddToCart", "Store")%>', 
     serializedData, function(response) { 
      $("#cart-status").text(response.Total); 
      showMessage(response.Message); 
      showFadeOutMessage(response.Message); 
     })); 
    event.preventDefault(); 
    }); 
    }); 
     </script> 

jquery, jquery UI, ASP.NET MVC2 используются.

Answer 1

Самый простой способ - вызвать parseInt и проверить, что он не возвращает NaN.

var q = parseInt($form[0].quantity, 10); 
if(isNaN(q) || q === 0){ 
    alert('Please fill quantity with non zero integer'); 
} 

Отредактировано, чтобы добавить base = 10 в parseInt и использовать isNaN(). Без добавления явной базы из 10 parseInt будет принимать строку, начинающуюся с нуля, как восьмеричное число, и то же самое для hex.

Answer 2

Небольшое примечание на вашем event.preventDefault();. Вы можете сделать return false; `и это также прекратит отправку вашего сообщения, для этого вам даже не нужен параметр события.

Как у вас уже есть var serializedData = $form.serialize();, я рекомендую вам извлечь из него «количество» с serializedData.quantity.

Answer 3

Попробуйте

$(function() { 
    $(".browse-addtocart-form").submit(function(event) { 
     var $form = $(this); 
     var serializedData = $form.serialize(); 
     if (this.quantity.value === "" || this.quantity.value === "0") { 
      alert('Please fill quantity with non zero integer'); 
      return false; 
     } 
     $.post('<%= Url.Action("AddToCart", "Store")%>', 
       serializedData, function(response) { 
        $("#cart-status").text(response.Total); 
        showMessage(response.Message); 
        showFadeOutMessage(response.Message); 
       }); 
     return false; 
    }); 
});