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

Question

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

现在我正在尝试对phonenumber字段进行客户端无阻验证。所以我在'PhoneNumber'属性中添加了'Required'属性。

无阻碍验证适用于由服务器生成/呈现的语音字段（即在页面加载上）。但它不适用于通过javascript方法动态添加的字段。

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

谢谢， 中号

Answer 1

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

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

Answer 2

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

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

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

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

你也可以为手机号码，信用卡号码等提供输入掩码....