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

【问题标题】：Unobstructive client side validation for dynamically added input fields动态添加的输入字段的无障碍客户端验证
【发布时间】：2012-04-05 06:14:21
【问题描述】：

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

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

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

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

谢谢， M

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

您好，谢谢，有什么方法可以删除和附加特定输入元素（行）的无障碍验证。因为当我使用你建议的方法时我遇到了问题。当我删除输入行时，我猜验证仍然附加到它......这确实允许发布数据。

【解决方案2】：

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

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

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

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

【讨论】：