jquery：maskedinput 插件与验证插件不兼容

Posted 2023-05-09

【中文标题】jquery：maskedinput 插件与验证插件不兼容

【英文标题】：jquery: maskedinput plugin not playing nice with validation plugin

【发布时间】：2011-01-05 02:46:32

【问题描述】：

刚开始使用 jquery，我正在尝试使用 validation plugin 进行表单验证。然后我发现了 maskedinput 插件 (http://digitalbush.com/projects/masked-input-plugin/) 并尝试在电话号码字段中使用它。

事情发展到一定程度： 当电话字段成为焦点时，它会显示占位符并允许您输入电话号码并将您限制为数字 - 非常好！

但是，如果您只输入 9 位而不是必需的 10 位（假设是美国电话号码），是的，不太可能，但更疯狂的事情已经发生并且将会发生，然后您点击提交，那么电话字段中已经存在的任何内容都是清除。如果您输入了完整的电话号码，而其他字段的验证失败，则电话字段中的条目会保留。

如何防止这种情况发生？

谢谢 hgg

【问题讨论】：

您好，这是一个验证插件和屏蔽输入协同工作的示例，它可能会对您有所帮助jquery.bassistance.de/validate/demo/marketo/step2.htm

Alex，这个例子表明它不能一起工作。不同之处在于您提供的示例没有在表单元素上设置 .valid 样式。 - 点击进入信用卡号码输入 - 输入 3 个数字 - 点击退出 - 该字段现在被标记为“有效”，而它不应该是。

你有没有找到解决这个问题的方法？我也遇到了同样的问题。

【参考方案1】：

如果您使用掩码输入插件 它以这种方式工作，它允许所有值或无定义的值不少于不超过