强制执行部分的 Javascript 输入掩码?

发布于 2024-11-27 04:31:35 字数 454 浏览 0 评论 0原文

我想,给定一周的时间和红牛,我可以做一些做到这一点的东西,但首先,我想知道它是否已经完成了。

我知道输入掩码已经存在:例如,__/__/____。因此,您只需输入日期即可,瞧,12/31/2010

但是,如果我进入并意识到我要输入 12 月 20 日,我会转到 31 中的 3,点击删除一次,现在它会显示 12/12/010_。这不是很有帮助。这是因为内部值仍然只是“12312010”,所以当您删除“3”时,它会变成“1212010”,并且相应地插入到掩码中。

是否有任何现有的 JavaScript 掩码可以强制执行阻止?那么,如果我执行上述操作,它就会显示 12/1_/2010?我不介意它是否仍以“1212010”提交,只要它能正确显示即可。

更喜欢 jQuery 插件,但直接使用 JavaScript 就可以了。

I figure, given a week and Red Bull, I could make something that does this, but first, I wanted to find out if it had been done already.

I know input masks already exist: For example, __/__/____. So you can just type a date, and voila, 12/31/2010.

However, if I were to go in and realize I meant to put December 20th, I go to the 3 in 31, hit delete once, and now it displays 12/12/010_. That's not very helpful. It's because the internal value is still simply "12312010", so when you delete '3' it becomes "1212010", and that is inserted into the mask accordingly.

Is there any existing JavaScript mask that will enforce blocks? So that, if I did what I described above, it would then display 12/1_/2010? I don't mind if it still submits as "1212010", as long as it displays properly.

Would prefer a jQuery plugin, but straight JavaScript works.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

蓝眸 2024-12-04 04:31:35

查看正则表达式。 JavaScript 对其有很好的支持。

Look into regular expressions. JavaScript has excellent support for it.

海未深 2024-12-04 04:31:35

以下是一些选项:

  1. ) 单独字段: http://jsfiddle.net/Zhb8x/
  2. ) 仅更改掩码: http://jsfiddle.net/WzYDv/1/ 用户必须点击进入或离开焦点,蒙版就会应用。
  3. )按键和更改:http://jsfiddle.net/WzYDv/

Here are some options:

  1. ) Seperate Fields: http://jsfiddle.net/Zhb8x/
  2. ) On change only mask: http://jsfiddle.net/WzYDv/1/ The user would have to hit enter or leave focus and the mask would apply.
  3. ) KeyPress and Change: http://jsfiddle.net/WzYDv/
只是在用心讲痛 2024-12-04 04:31:35

imask 正是您想要的

imask does exactly what you want

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文