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

Question

Что я пытаюсь сделать, это проверить текстовое поле и скрытое поле, у меня есть автозаполнение combobox из 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(""); 

    } 
}); 

    }); 

Sir/Мэм вашего ответы были бы очень полезными и были бы очень полезны. Спасибо!

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(""); 
       } 
      }); 
      } 

});