如何在ajax调用之前使用jquery验证表单？

Question

我想要做的是验证一个文本框和一个hiddenfield，我有一个来自jquery ui的自动完成组合框，其中一旦用户选择了一个值，那么值将被存储在一个隐藏的域中。隐藏字段的值实际上是一个项目的ID。我想验证的另一个输入是仅包含数字的文本框。我们的目标是验证用户输入之前我调用$就功能以其他方式防止保存或做其他事：

这里是我当前的代码/脚本：

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

});