Inputmask 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
Inputmask 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
Inputmask 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
Inputmask 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
Inputmask 获得 2020 年度 OSC 中国开源项目评选「最积极运营项目」 !

软件简介

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
展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (0)

加载中
更多评论
暂无内容
发表了博客
2013/11/26 19:14

jquery.inputmask 输入框input输入内容格式限制插件

jQuery Input Mask plugin http://robinherbots.github.io/jquery.inputmask README.md jquery.inputmask Copyright (c) 2010 - 2013 Robin Herbots Licensed under the MIT license (http://www.opensource.org/licenses/mit-license.php) jquery.inputmask is a jquery plugin which create an input mask. An inputmask helps the user with the input by ensuring a predefined format. This can be useful for dates, nume...

0
3
发表了博客
2018/04/19 19:09

jquery.inputmask 输入框input输入内容格式限制插件

jQuery Input Mask plugin http://robinherbots.github.io/jquery.inputmask README.md jquery.inputmask Copyright (c) 2010 - 2013 Robin Herbots Licensed under the MIT license (http://www.opensource.org/licenses/mit-license.php) jquery.inputmask is a jquery plugin which create an input mask. An inputmask helps the user with the input by ensuring a predefined format. This can be useful for dates, nume...

0
0
发表了博客
2019/03/14 22:02

QLineEdit拾遗:数据的过滤、验证和补全

QLineEdit是使用频率最高的控件之一,当我们想获取用户输入时自然而然得会用到它。 通常我们会将QLineEdit的信号或其他控件的信号绑定至槽函数,然后获取并处理编辑器内的数据。你会觉得我们拿到的是第一手的“热乎着”的数据,所以理所当然地将过滤和验证逻辑都加入槽函数中,然而事实并非如此。那么数据究竟通过了哪些流程最终才经由信号被我们获取呢? 或者你希望QLineEdit能拥有自动补全或是输入联想的功能,这又如何实现呢...

0
0
2019/06/10 08:30

Composer安装及更新YII2框架遇到问题梳理

我们在使用YII2框架的过程中,对于框架有两种安装方式,一种是使用官网归档文件,一种是使用Compoer包管理工具。本文讨论的问题集中在使用Compoer安装YII2框架及更新组件包,升级YII2主版本时遇到的一些问题。 前置条件 首先使用Composer包工具的需要满足以下两个前提,不区分操作系统。 1 电脑需要安装Composer包管理工具,并且全局可直接使用 2 安装Composer Asset插件,Asset插件需要合适的版本。 两个条件在安装的同时,都必...

0
0
发表了博客
2019/11/28 13:21

Qt Quick 常用元素:Textinput 与 TextEdit 文本编辑框

一、Textinput <span style="color:red">Textinput 用于编辑一行文本,类似于 QLineEdit。</span> <span style="color:blue">font 分组属性允许你设置 Textlnput 元素所用字体的各种属性,</span>包括字体族(family)、大 小(pixelSize、pointSize)、粗细(bold、weight)、斜体(italic)、下画线(underline)等。 还有一些属性与 Text 元素一样,如 text 属性可以设置或获取元素的文本,horizontalAlignment 和 vertical...

0
0
发表于大前端专区
2019/11/16 12:20

这15个Vue指令,让你的项目开发爽到爆

1. V-Hotkey 仓库地址: github.com/Dafrok/v-ho… Demo: 戳这里 https://dafrok.github.io/v-hotkey 安装: npm install --save v-hotkey 这个指令可以给组件绑定一个或多个快捷键。你想要通过按下 Escape 键后隐藏某个组件,按住 Control 和回车键再显示它吗?小菜一碟: <template> <div v-show="show" v-hotkey="{ 'esc': onClose, 'ctrl+enter': onShow }" >    Press `esc` to close ...

0
14
发表于大前端专区
2020/02/22 17:26

这15个Vue指令,让你的项目开发爽到爆

受 AngularJS 的启发,Vue 内置了一些非常有用的指令(比如v-html 和 v-once等),每个指令都有自身的用途。完整的指令列表可以在这里查看. 这还没完,更棒的是可以开发自定义指令。Vue.js 社区因此得以通过发布自定义指令npm 包,解决了无数的代码问题。 以下就是我最喜欢的 Vue.js 自定义指令列表。不用说,这些指令为我的项目开发节省了大量时间!😇 1. V-Hotkey 仓库地址: https://github.com/Dafrok/v-hotkey Demo: 戳这...

0
1
发表于程序人生专区
2019/10/11 12:30

这15个Vue自定义指令,让你的项目开发爽到爆

受 AngularJS 的启发,Vue 内置了一些非常有用的指令(比如v-html 和 v-once等),每个指令都有自身的用途。完整的指令列表可以在这里查看. 这还没完,更棒的是可以开发自定义指令。Vue.js 社区因此得以通过发布自定义指令npm 包,解决了无数的代码问题。 以下就是我最喜欢的 Vue.js 自定义指令列表。不用说,这些指令为我的项目开发节省了大量时间!😇 1. V-Hotkey 仓库地址: https://github.com/Dafrok/v-hotkey Demo: 戳这...

0
0
发表了博客
2018/08/09 09:47

QLineEdit

QLineEdit 行输入,作用进行输入,有最主要输入类型的控制,此外就是输入格式,即过滤一些东西 部件设置 函数 描述 void setAlignment(Qt::Alignment flag) 对齐方式 void setClearButtonEnabled(bool enable) 是否显示清除全部的按钮 void setCursorMoveStyle(Qt::CursorMoveStyle style) 鼠标形状 void setCursorPosition(int) 鼠标位置 void setDragEnabled(bool b) 允许拖动 void setEchoMode(QLineEdit::EchoMode) 输入类型,pa...

0
1
发表了博客
2020/01/15 17:01

PyQt5 控件字体样式等设置

<div class="title_1">一、API接口设置</div> - 比如我这段代码中的一些设置,设置文字、居中、禁止复制、LineEdit输入为password等等 import sys from PyQt5.QtCore import Qt from PyQt5.QtWidgets import QFrame from PyQt5.QtWidgets import QLabel from PyQt5.QtWidgets import QWidget from PyQt5.QtWidgets import QLineEdit from PyQt5.QtWidgets import QTextEdit from PyQt5.QtWidgets import QSizePolicy from PyQ...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
0 评论
0 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部