jquery - 具有动态添加字段的客户端验证

我在ASP.NET MVC中使用jQuery的兼容验证插件。正确验证了服务器上呈现的所有字段。

但是，如果我使用JavaScript在表单中动态添加字段，则即使该字段具有适当的HTML5 data-*属性，也不会对其进行验证。

谁能指导我正确地指导我如何实现这一目标？

最佳答案

比较简单的答案:

我正在使用MVC 4和JQuery 1.8。我已经使其成为一个模块化函数，该函数接受新添加的元素的jQuery对象:

function fnValidateDynamicContent($element) {
    var $currForm = $element.closest("form");
    $currForm.removeData("validator");
    $currForm.removeData("unobtrusiveValidation");
    $.validator.unobtrusive.parse($currForm);
    $currForm.validate(); // This line is important and added for client side validation to trigger, without this it didn't fire client side errors.
}

例如，如果您添加了一个ID为tblContacts的新表，则可以这样调用:

fnValidateDynamicContent($("#tblContacts"))

关于jquery - 具有动态添加字段的客户端验证，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/5965470/