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

时间:2012-03-05 06:58:01

标签: jquery jquery-validate validation

我要做的是验证文本框和隐藏字段,我有一个来自jquery ui的自动完成组合框,其中一旦用户选择了一个值,那么该值将被存储在隐藏字段中。隐藏字段的值实际上是项目的ID。我要验证的另一个输入是一个只应包含数字的文本框。我的目标是在调用$ .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("");

  }
});

    });

先生/女士,你的答案会有很大的帮助,非常感谢。谢谢你++

1 个答案:

答案 0 :(得分: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("");
                }
            });
           }

});