javascript - 输入中的静态连字符

标签 javascript jquery angularjs

我正在处理的输入是针对 SSN 的。我想要一个连字符已经就位的输入,用户只需输入他/她的 9 位 SSN,并且数字在连字符周围间隔开。

这是我的意思的蹩脚油漆图:

enter image description here

这些在产品 key 输入和其他类似形式中非常常见。我很难思考如何从头开始制作一个。我对 HTML、AngularJS 有一定的熟练程度,并且了解一点 JQuery。为了可重用性,输入位于其自己的 AngularJs 指令中,以便 Controller 可用于执行任何逻辑。

我正在考虑使用 3 个输入压缩在一起或一些输入过滤,但我不确定。如果 github 或其他地方已经有一些公共(public)的轻量级代码,那就太好了。

这样做的一个目标也是让 ng-model 保持完整,它只是一个 9 位数字并且不包含任何连字符。

谢谢!

最佳答案

为什么不使用 Angular 模块之类的东西,你可以在此处查看预览

https://htmlpreview.github.io/?https://github.com/angular-ui/ui-mask/master/demo/index.html

关于javascript - 输入中的静态连字符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32658475/

相关文章:

javascript - MVC 中的函数可以跨 Controller 交互吗?

javascript - 使用 ui-router 如何使用自己保留的路由创建两个不同状态的嵌套实例?

javascript - 使用 Jquery 搜索 - 适用于多个术语

javascript - 如何更改 Highcharts 中的标题

javascript - 在模态弹出窗口中 - 获取 LI 之间的值

jquery - 如何使用 jquery 根据另一个下拉列表的选择更改下拉列表值

javascript - 展开并关闭 Accordion Bootstrap

javascript - 在 jQuery 中悬停时更改 CSS 选择器子项

javascript - 阻止 slick.js 打开链接 onclick next

angularjs - Angular JS 比 Knockout JS 有何优势,或者我应该更喜欢 Angular JS 还是 Knockout JS?