jquery.validate 动态绑定项目校验

张瀚漠
2023-12-01

为动态生成的控件绑定项目校验

//动态绑定
$("#fromId [name^='txtItem']").each(function (i, v) {
    $("#"+ v.id).rules('add', {
        required: true,
        messages: {
            required: "请输入内容"
        }
    });
});

只有动态绑定部分还是不够的,要在画面初期化的时候加上validate才能起效。

$(document).ready(function () {
    $("#fromId").validate({
        rules: {
            txtItem: {
                required: true
            }
        },
        messages: {
            txtItem: {
                required: "请输入内容"
            }
        }
    });
});

动态生成的控件

<input type="number" class="form-control" id="txtItemXXX" name="txtItemXXX" >
 类似资料: