jquery - 动态添加的输入字段的无障碍客户端验证

Question

我按照这篇出色的帖子在我的 mvc3 应用程序中生成动态控件。

现在我正在尝试对电话号码字段进行客户端无障碍验证。所以我在“PhoneNumber”属性上添加了“必需”属性。

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

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

谢谢，米

Answer 1

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

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

Answer 2

以下验证插件可能会对您有所帮助

http://docs.jquery.com/Plugins/Validation

还有页面末尾列出的示例，以了解如何有效地使用它们...

您需要为要验证的字段添加类.....

您还可以为电话号码、信用卡号码等提供输入掩码......