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
浏览 2
点赞
评论
收藏
分享

手机扫一扫分享

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

手机扫一扫分享

编辑 分享
举报