Inputmask输入掩码插件

联合创作 · 2023-09-22 01:56

Inputmask 是一个创建输入掩码的 JavaScript 库。Inputmask 可以针对 vanilla javascript、jQuery 和 jqlite 运行。


输入掩码通过确保预定义的格式来帮助用户进行输入,这对日期、数字、电话号码等都很有用。


特性:



  • 易于使用

  • 在掩码的任何地方都有可选的部分

  • 可以定义别名,隐藏复杂性

  • 日期/日期时间掩码

  • 数字掩码

  • 大量的回调

  • 许多功能可以通过选项来启用/禁用/配置

  • 支持只读/禁用/dir="rtl" 属性

  • 支持 data-inputmask 属性

  • 正则表达式掩码

  • 动态掩码

  • 预处理掩码

  • JIT-掩码

  • 无输入元素的值格式化/验证

  • 支持AMD/CommonJS

  • 依赖库: vanilla javascript、jQuery、jqlite


设置


依赖库


Inputmask 可以针对不同的 javascript 库运行。您可以选择:



  • inputmask.dependencyLib (vanilla)

  • inputmask.dependencyLib.jquery


带有 <script> 标签的经典网页


包括可以在dist文件夹中找到的 js-files


使用 jQuery 作为依赖库的 Inputmask。




< script src =" jquery.js " > </ script >
< script src =" dist/jquery.inputmask.js " > </ script >


带有 vanilla 依赖库的输入掩码。




< script src =" dist/inputmask.js " > </ script >


如果您想自动将 inputmask 绑定到标有 data-inputmask- ... 属性的输入,可能还需要包含 inputmask.binding.js




< script src =" dist/bindings/inputmask.binding.js " > </ script >


网络包


安装包




npm install inputmask --save



安装最新的测试版




npm install inputmask@next --save

浏览 16
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报