【问题标题】:jquery: maskedinput plugin not playing nice with validation pluginjquery:maskedinput 插件与验证插件不兼容
【发布时间】: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 个数字 - 点击退出 - 该字段现在被标记为“有效”,而它不应该是。
  • 你有没有找到解决这个问题的方法?我也遇到了同样的问题。

标签: jquery jquery-plugins validation


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 2014-05-06
    • 2017-05-29
    • 2020-01-26
    • 2015-10-15
    • 1970-01-01
    • 2018-08-07
    • 2022-01-17
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多