简介
jquery.inputmask是一款基于jQuery的输入掩码插件，可用于格式化用户在表单中输入的数据。该插件支持多种输入格式，例如日期、电话号码、货币金额等，并且可以自定义输入格式。
安装
要使用jquery.inputmask，您需要将其安装为npm包。在终端中执行以下命令：
npm install jquery.inputmask --save
该命令将从npm仓库中下载最新版本的jquery.inputmask并将其添加到您的项目依赖中。
使用方法
在您的HTML文档中引入jQuery和jquery.inputmask。您可以选择使用本地文件或CDN。例如，
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="./node_modules/jquery.inputmask/dist/jquery.inputmask.min.js"></script>
然后，在应用程序的JavaScript代码中，使用jQuery选择要应用掩码的表单元素，并调用inputmask()函数：
$(document).ready(function() {
$('#phone').inputmask('(999) 999-9999');
});上面的代码将为具有id“phone”的表单元素应用电话号码掩码格式。该掩码将强制用户在输入电话号码时遵循(999) 999-9999的格式。
自定义掩码
jquery.inputmask支持许多内置掩码格式，例如日期、时间、货币金额等。此外，您可以使用正则表达式自定义输入格式。例如，
$(document).ready(function() {
$('#date').inputmask('99/99/9999');
$('#time').inputmask('99:99');
$('#currency').inputmask('$999,999.99');
$('#regex').inputmask({ regex: "\d+" });
});上面的代码将为具有id“date”、“time”、“currency”和“regex”的表单元素应用自定义掩码格式。请注意，对于正则表达式格式，您需要将掩码对象作为参数传递，并将regex属性设置为所需的正则表达式字符串。
事件处理程序
您可以使用jquery.inputmask提供的事件处理程序来在用户输入内容时执行自定义操作。
例如，以下代码向具有id“phone”的表单元素添加了一个事件处理程序，该处理程序在用户输入10个数字后将显示一条消息：
$('#phone').inputmask('(999) 999-9999', {
oncomplete: function() {
alert('You entered a valid phone number!');
}
});示例代码
下面是一个完整的示例代码，演示了如何使用jquery.inputmask创建一个基本的注册表单，其中包括电话号码、生日和邮政编码字段。
HTML：
-- -------------------- ---- ------- ------ ------ ------------------------ ------ ----------- --------- --------- ------ -------------------------- ------ ---------- ---------- --------- ------ ---------------------------------- ------ ----------- -------------- --------- ------ ------------------------------ ------ ----------- ------------ --------- ------- ----------------------------- -------
JavaScript：
-- -------------------- ---- -------
---------------------------- -
---------------------------- -----------
----------------------------------------
---------------------------------
---------------------- --------------- -
-----------------------
--- ---- - -----------------
--- ----- - ----------------------------------- ----
--- --------- - ----------------------
--- ------- - --------------------
-- ------- ---- ---------- --- ---------- ----
---
---总结
jquery.inputmask是一款非常有用的jQuery插件，可用于格式化用户在表单中输入的数据
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/33681