如何在不使用插件的情況下驗證jquery中的動態創建元素

Question

這裏我已經在單擊添加一行後創建了動態元素。但是如何驗證它沒有插件。

var cnt = 1; 
$("#anc_add").click(function() { 
    cnt++; 
    $("input[id=rows]").val(cnt); 
    $('#tbl1 tr').last().after('<tr><td><select name="'+cnt+'1" id="'+cnt+'1" class="Exp"><option value="0" >Select Expenses Type</option></select></td><td><textarea name="'+cnt+'2"></textarea></td><td><input type="text" name="'+cnt+'3" id="'+cnt+'3" onkeypress="return isNumberKey(event)"></td></tr>'); 
    element_id=cnt+'1';/*alert(element_id);*/ 
    $.ajax({ 
     url: "../../modal/system_operator/get_companyexpenses_type.php", 
     dataType: "html", 
     type: 'POST', 
     success:function(json) { 
      var result = jQuery.parseJSON(json); 
      length=result.len; 
      /*alert(length);*/ 
      for(k=1;k<=length;k++) { 
       $('#'+element_id+' option').last().after('<option value="'+eval("result.row"+k+".company_expenses_type_id")+'">'+eval("result.row"+k+".company_expenses_type")+'</option>'); 
      } 
      $('select[name="'+element_id+'"]').rules('add', {required:true}); 
     } 
    }); 
}); 

Answer 1

我假設沒有插件意味着你不使用jquery.validate或其他插件來驗證你的輸入控制值。

然後嘗試下面的代碼片斷

$(document).on('blur','#form_id input,#form_id select', function(){ 
    // write your validation logic here 
}); 

上述代碼說，所有（包括動態）輸入，#form_id元件內選擇控件將調用模糊事件的函數。