如何使用 jQuery 限制输入到输入文本元素中的文本？答案

【问题标题】：How can I restrict the text entered into an input text element using jQuery?如何使用 jQuery 限制输入到输入文本元素中的文本？
【发布时间】：2010-07-15 04:40:36
【问题描述】：

我有一个输入文本元素被用作具有自定义日期格式的 jQuery UI 日期选择器。日期格式允许以 JAN、FEB 等形式输入月份，因此受约束的输入允许所有字符通过。见this question。

如何限制输入的文本以匹配我的日期格式“dd-M-yy”？

有没有办法使用 jQuery 使输入文本元素表现得像一个蒙面的编辑文本框？

【问题讨论】：

是 dd-M-yy 还是 dd-MM-yy？
dd-M-yy 例如2010 年 7 月 15 日

标签： javascript jquery html input maskedtextbox

【解决方案1】：

我建议使用the jQuery MaskedInput plugin，假设您的输入是固定宽度的。

【讨论】：

【解决方案2】：

有点脏，但也许你可以使用http://www.zurb.com/playground/jquery-text-change-custom-event 来创建你自己的过滤器？

请注意，该插件并不脏，它看起来很棒，但它可能是这个钉子的错误锤子。

【讨论】：

虽然熊会吃掉你的答案有更紧密的匹配工具，但这个答案也非常有用，我实际上同时使用两者来实现我需要的屏蔽和验证。

【解决方案3】：

如果您使用的是 jquery 日期选择器您已经在插件中内置了对此的支持

您可以在日期选择器中指定“constrainInput”选项它是一个布尔值，只是将其设置为 true。并选择您的日期格式。

http://docs.jquery.com/UI/Datepicker#option-constrainInput

【讨论】：

这不适用于我的场景。请参阅上面我的问题中的链接。