我要做的是验证文本框和隐藏字段,我有一个来自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("");
}
});
});
先生/女士,你的答案会有很大的帮助,非常感谢。谢谢你++
答案 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("");
}
});
}
});