0

我正在开发一个向表格添加动态表格行的表格 我已经对其进行了一些验证,这对我来说很好,但现在我面临一个新的挑战,我想验证一个文本框,该文本框将动态添加到每个行,但问题是我只想验证该文本框,当它之前的其他文本框不为空并且我被困在这里时。我知道我可以.each()用于进入该 id 的每个元素,但我不知道如何绑定该验证中行中的每个文本框,因为当最后一个文本框(“我需要validate") 不为空,如果所有文本框都不为空,则不会给出任何错误。

这是我的验证代码:

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");     
4

2 回答 2

1

好吧,您不需要为每个输入添加选择器...尝试使用循环

 $.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);
   } 

是的,这必须在您的提交函数中,并且应该在添加所有输入后调用。如果您使用prop()最新版本的 jquery(即 1.6+) ,建议使用

于 2013-10-24T09:47:20.333 回答
0

试试这个:可能对你有帮助......

代码端(.cs 页面):

        string str = "";
        str = "<table>";
        for (int i = 1; i <= 5; i++)
        {
            str = str + "<tr><Label id='lbl" + i.ToString() + "' runat='server'>Lable " + i.ToString() + "</Label>";
            str = str + "<input type='Text' id='txt" + i.ToString() + "' onblur='checkValidation(this);'/></tr><br /><br />";
        }
        str = str + "</table>";
        Response.Write(str);

设计端(.aspx 页):

<script src="../Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script type="text/javascript" language="javascript">
        function checkValidation(ctrl) {
            var returnNow = false;
            var i = 0;
            $('input[type=text]').each(function (index) {
                if (ctrl.id == this.id) {
                    if ($(this).val() == '' || $(this).val() == null) {
                        alert('enter some val for Label ' + (index + 1).toString());
                    }
                    return false;
                }
                else {
                    if ($(this).val() == '' || $(this).val() == null) {
                        alert('Enter some value for Label ' + (index + 1).toString());
                        return false;
                    }
                    else {
                        returnNow = true;
                    }
                }
            });
        }
</script>
于 2013-10-24T11:04:38.067 回答