用于动态添加的输入字段的非结构化客户端验证

Question

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

现在，我正在尝试对phonenumber字段进行客户端无障碍验证。所以我在'PhoneNumber‘属性上添加了'Required’属性。

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

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

谢谢，M

Answer 1

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

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

Answer 2

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

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

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

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

你也可以提供电话号码，信用卡号码等的输入掩码。