jquery - 对动态添加的输入字段进行无阻碍的客户端验证

Question

我关注了this在我的 mvc3 应用程序中生成动态控件的优秀帖子。

现在我正在尝试对电话号码字段进行客户端无阻碍验证。因此，我在“PhoneNumber”属性上添加了“Required”属性。

无阻碍的验证适用于由服务器生成/呈现的电话号码字段(即在页面加载时)。但它不适用于通过 javascript 方法动态添加的字段。

我知道我需要编写一些 jquery 代码来添加规则/适配器或任何通知浏览器动态添加的电话号码字段需要验证的内容。请帮助我如何继续。

谢谢，中号

Answer 1

您应该重新解析所有动态添加元素的验证规则:

$("form").removeData("validator");
$("form").removeData("unobtrusiveValidation");
$.validator.unobtrusive.parse("form");