验证动态添加的文本框

时间:2010-04-21 10:24:15

标签: javascript jquery jquery-selectors jquery-validate

在下面的代码中,如何仅为动态添加的文本框验证空值,即r_score1,r_score2 .........

  <script>
   function validate()
   {
      //How to validate the r_Score.. textfields
   }
  $(document).ready(function() {
   for(var i=0;i< sen.length;i++)
   {
     row += '<input type="text" name="r_score'+i+'" id="r_score'+r_count+'" size="8" />';
    }
   $('#details').append(row);
   });
   </script>
   <div id="details"><input type="text" name="score' id="score" size="8" /></div>
  <input type="button" value="Save" id="print" onclick="javascript:validate();" />

3 个答案:

答案 0 :(得分:1)

为文本框指定一个类名并使用类选择器

function validate()
   {
      var boxes = $("#details input:text.classname");
      boxes.each(function(){
          var currentVal = $(this).val();
          // do your validation here
      });
   }

答案 1 :(得分:0)

$("#details input[name^='r_score']").each(function(nr){

    if($(this).val() === "") alert("Field "+(nr+1)+" is empty");

}); 

答案 2 :(得分:0)

使用live event处理程序动态添加内容。