如何在不使用插件的情况下验证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元素中的所有（包括动态）输入，选择控件都将在blur事件上调用该函数。