Как проверить форму с помощью jquery перед вызовом ajax?

Question

То, что я пытаюсь сделать, это проверить текстовое поле и скрытое поле, у меня есть выпадающий список автозаполнения из jquery ui, в котором, как только пользователь выберет значение, значение будет сохранено в скрытом поле. Значение скрытого поля на самом деле является идентификатором элемента. Другой ввод, который я хочу проверить - это текстовое поле, которое должно содержать только цифры. Цель состоит в том, чтобы проверить вводимые пользователем данные перед тем, как я вызову функцию $ .ajax, в противном случае предотвратите сохранение или сделайте что-нибудь еще:

Вот мой текущий код / ​​скрипт:

   Type product name:<input type="text" size="30" value="" id="itemName"  class="auto1" placeholder="Type Product Here" />
                      <input name="" type="hidden" value=""  id="itemId"/>
        </div>

        <p> Quantity<input id="itemQty" type="number"  name="txtQuantity" value="" width="200"></p>

        <p> 

           <a href="#" id="saveitem" style="position:relative; left:-280px;" class="bt_green"><span class="bt_green_lft"></span><strong>Add</strong><span class="bt_green_r"></span></a>

        </p>

  </form> 


$(document).on("click", "#saveitem", function (e) {
        e.preventDefault();
        var ItemId = $("#itemId").val().toString();
        var Qty = $("#itemQty").val().toString();
            $.ajax({

  url: "Functions.php",

  data: "ItemId="+ItemId+"&Qty="+Qty+"&Action=Add",
  cache: false,
  success: function(html){
      $("#items").empty(); 
     $("#items").hide();
    $("#items").append(html).fadeIn('slow');

    $("#itemName").val("");
    $("#itemId").val("");
    $("#itemQty").val("");

  }
});

    });

Сэр / мэм, ваши ответы будут очень полезны и будут очень благодарны. Спасибо вам ++

Answer 1

$(document).on("click", "#saveitem", function (e) {
        e.preventDefault();
        var ItemId = $("#itemId").val();
        var Qty = $("#itemQty").val();

           //validation is here
           if($("#itemQty").val() > 0){
            //your validation code is here
           }else {
                $.ajax({
                url: "Functions.php",
                data: "ItemId="+ItemId+"&Qty="+Qty+"&Action=Add",
                cache: false,
                success: function(html){
                    $("#items").empty(); 
                    $("#items").hide();
                    $("#items").append(html).fadeIn('slow');

                    $("#itemName").val("");
                    $("#itemId").val("");
                    $("#itemQty").val("");
                }
            });
           }

});