问题标签 [maskedinput]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
4 回答
72035 浏览

jquery - 使用输入掩码时在掩码中指定日期格式?

我一直在使用 jquery masked input plugin将日期掩码应用于文本输入。这很好用,但我希望显示的掩码也显示格式。也就是说,而不是掩码

我希望能够通过使用掩码来指定格式,例如,

或(与当前掩码看起来相同,但根本不同)

我看不到如何使用该插件执行此操作(据我所知,它只接受一个字符作为掩码字符)。当前的插件可以吗?有谁知道可以做到这一点的替代插件(最好使用 jQuery)?我什么都没找到。

0 投票
2 回答
5899 浏览

javascript - 如何将屏蔽的日期输入放在动态创建的文本字段中?

我从这里使用 jquery 日期输入插件

我像这样调用html页面内的函数

它在我们只需要指定元素 id 的每个字段中都可以正常工作。

我有一个动态创建 html 元素表行的,我希望日期输入插件在具有 mfd 日期的文本框中应用日期掩码。

由于 id 会随着行长度一一添加到 id 以使 id 唯一而不断变化。

如何使用 dom 表中的屏蔽日期输入?

0 投票
1 回答
789 浏览

jquery - jquery maskedinput 删除蓝色上的不完整文本

这里有另一个 StackOverflow 帖子,这是我遇到的确切问题。但是只有一个答案,而且没有那么有帮助。

所以我重新发布,希望有人现在已经找到解决这个问题的方法。

我有一个带有可选电话号码字段的表单,其中包含 jquery maskedInput 插件和应用到它的 jquery 验证器插件。

在没有特殊设置的情况下,每次我将电话号码字段设置为空(这是可选的)后,每次我从电话号码字段中跳出时,验证器都会返回一个错误,说“输入有效的电话号码”。但该字段不是必需的。

那么,基于这里的这篇文章,我尝试将以下代码添加到验证器的 onfocusout 事件中。

起初,这似乎解决了它。如果我输入有效的电话号码,则没有错误。我没有输入电话号码,没有错误。但是,如果我输入了一个无效的电话号码(例如,只输入 9 个字符),那么当我跳出电话号码框时,我输入的号码会被删除,并且不会显示错误。

这个问题有解决方案吗?

************更新************** 经过进一步测试,我已经确认这完全是 maskedinput 的问题。如果我从电话号码字段中完全删除验证,然后在电话号码文本框中输入部分电话号码,然后从中跳出,则会发生相同的行为(删除文本框中部分输入的号码)。更多谷歌搜索表明这是 jquery.maskedinput 的一个已知问题,但我找不到任何解决方案。

所以我的问题仍然存在..这个问题有解决方案吗?

0 投票
7 回答
47639 浏览

javascript - jquery屏蔽输入插件出错时不清除字段

我正在查看http://digitalbush.com/projects/masked-input-plugin/

我这样称呼它:

如果出现问题,我不希望它丢弃用户输入,例如他们还没有完成

如果您在输入这么多后离开该字段,它会清除它。我想留下它,以便他们稍后完成。

我是 jQuery 的新手,我已经查看了他的源代码,但是我找不到任何方法可以做到这一点,也找不到任何方法来编辑它来完成我想要的,因为代码对我来说是神秘的眼睛。

0 投票
1 回答
948 浏览

jquery - 动态添加元素和 Masked-Input 插件的事件顺序

我的网络应用程序的非 ajax 版本很好,因为事件是按我想要的顺序添加的,并且所有事件都添加到有问题的手机元素上。

但是对于我的 ajax 应用程序,由于元素是动态获取的,因此事件是“不同地”添加的,所以我有相同的事件,但实际上是在不同的元素上(#container用于检查动态添加的元素,以及直接应用于的掩码.input-cell-phone)。

例如,当用户键入无效 (215)-###-#### 时,我希望 Masked Input 在我的模糊代码之前将其清除,但事实并非如此。这里基本上是“ajax”应用程序(减去 ajax 调用,我用 模拟它.append):http:
//jsfiddle.net/armyofda12mnkeys/9DGgF/

这是像我期望的那样工作的非 ajax 版本:http:
//jsfiddle.net/armyofda12mnkeys/XKf8d/2/

任何想法如何让它发挥作用?

0 投票
2 回答
244 浏览

jquery - 无法屏蔽输入

这应该很简单,但由于某种原因,我没有做对。:/

我正在使用此处提供的 jQuery 屏蔽输入插件

以下是我的代码片段:

jQuery:

HTML:

截至目前,我在文本框中看不到任何掩码。我该如何解决?

0 投票
3 回答
17618 浏览

jquery - jQuery 屏蔽输入插件与验证插件冲突

给定一个使用Masked Input插件屏蔽的文本框,并由 Validation Plugin 标记为必填字段,请考虑以下内容:

如果您将焦点放在被屏蔽的文本框中,然后不输入任何信息(或没有输入足够的信息以满足屏蔽),则被屏蔽的输入插件将删除所有内容,留下一个空文本框。

验证插件似乎在屏蔽输入插件之前触发了它的模糊事件。这导致文本框通过验证(因为它确实有文本),然后被屏蔽的输入插件启动并删除文本。一旦失去焦点,该字段应被标记为无效。

我试过使用正则表达式验证器。它接近了,但又一次,因为它在被屏蔽的输入插件清理字段之前触发,它在不应该显示错误时显示错误(尽管当用户尝试提交表单时错误消失)。

我也试过这个:

这可行,但它也会干扰验证器的初始行为:在按下提交按钮之前不会验证字段,然后在失去焦点时验证它们。

我已经设置了一个描述我遇到的问题的jsFiddle

0 投票
4 回答
4775 浏览

drupal-7 - 如何在 Drupal 7 中使用“Masked Input”模块

我正在尝试在Drupal 7中构建一个表单,其中一个字段需要有一个输入掩码。我发现插件屏蔽输入看起来就像我正在搜索的内容。只有没有关于如何实现它的文档(我读过有关货币和这个插件的信息,但这里只是关于让它工作)。

我是 Drupal 的新手,但在论坛上搜索我想出了以下代码:

我在 Drupal 中安装了“库”和“屏蔽输入”插件并刷新了我的缓存。

我下载了jquery.maskedinput-1.3.js并将其放入我的 {DRUPAL_HOME}/misc/ui/

有任何想法吗?

先感谢您

0 投票
1 回答
2399 浏览

jquery - jQuery Masked Input (digitalBush) 不适用于 Chrome 19 输入 type="number"

我正在尝试使用 jQuery Masked Input(来自 digitalBush)但没有成功。我的 HTML 代码是:

我的 Javascript 代码是:

它在 Firefox 12(没有旋转的字段(HTML5 输入类型=数字))中运行良好,但不适用于输入有旋转的 Chrome 19。我什至不能在 Chrome 中插入一个数字(在文本字段中它可以工作)。我该如何解决这个问题?

0 投票
2 回答
266 浏览

javascript - 如何屏蔽黑莓浏览器上的输入

我正在使用 jQueryMasked Input插件强制用户以正确的格式输入电话号码。

我遇到的问题是该Masked Input插件不适用于黑莓浏览器。

我试过使用:

有谁知道我怎样才能让它在黑莓浏览器上工作。

我也欢迎使用其他可以为我提供类似功能的方法/插件。(只要它适用于黑莓浏览器)

任何帮助,将不胜感激。