对jQuery中动态添加的表行进行验证
对jQuery中动态添加的表行进行验证
提问于 2013-10-24 17:41:25
我正在处理一个向表格添加动态表格行的表单，我已经为它做了一些验证，这对我来说很好，但现在我面临着一个新的挑战，我想验证一个文本框，它将动态添加到每一行，但问题是，我只想验证该文本框，当它之前的其他文本框不为空时，我被困在这里。我知道我可以对该id中的每个元素使用.each()，但我不知道如何绑定该验证中行中的每个文本框，因为当最后一个文本框(“我需要验证”)不为空时，行会自动相加，如果所有文本框都不为空，则不会给出任何错误。
下面是我的验证代码：
if($('[id^="invoice_"]').val() =="" || $('[id^="invoice_"]').val() ==null || $('[id^="invoice_"]').val() ==0){
alert("Invoice Number Cannot Be Empty");
$("#savetodb").attr("disabled", "disabled");
console.log("1");
return false;
}else{
console.log("2");
$("#savetodb").removeAttr("disabled"); Stack Overflow用户
发布于 2013-10-24 17:47:20
你不需要为每个输入添加选择器...尝试使用循环
$.each($('[id^="invoice_"]'),function(i,v){
if(this.value=="" || this.value==null || this.value=="0"){
alert("Invoice Number Cannot Be Empty");
$("#savetodb").prop("disabled", true);
console.log("1");
return false;
}else{
console.log("2");
$("#savetodb").prop("disabled", false);
} 是的，这必须在您的提交函数中，并且应该在添加所有输入之后调用。如果您使用的是最新版本的jquery (即1.6+)，建议使用prop()。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/19562371
复制相关文章
相似问题
腾讯云开发者
