如何在不使用插件的情况下验证 jquery 中的动态创建元素

how to validate dynamic created element in jquery without using plugin

本文关键字：jquery 验证 动态 元素 创建 情况下 插件      更新时间：2023-09-26

在这里，我在单击它添加一行后创建了动态元素，但是如何在没有插件的情况下验证它。

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

我假设没有插件意味着你不使用jquery.validing或其他一些插件来验证你的输入控件值。

然后尝试以下代码片段

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

上面的代码表示，#form_id元素中的所有（包括动态）输入，选择控件都将在blur事件上调用该函数。

相关文章：