手机版 | ------------全站资源有,统一解压码,解码平台,请点这里 ------------ 设首页 | 加收藏
当前位置: 网站首页 > jQuery库 > 文章 当前位置: jQ > 文章

input限制输入格式jQuery插件

时间:2020-06-30    点击: 次    来源:网络    作者:佚名 - 小 + 大

input限制输入格式jQuery插件
简要教程

jquery.samask-masker是一款input限制输入格式jQuery插件。该jquery插件可以在用户往输入框输入内容时,限制输入内容的格式,例如电话号码格式,日期格式,货币格式和ip地址格式等等。

使用方法

在页面中引入jquery和jquery.samask-masker.min.js文件。

<script src="js/jquery.min.js"></script><script src="js/jquery.samask-masker.min.js"></script>                
HTML结构

你可以通过data-samask属性来控制用户输入的内容格式。例如固话号码的4位区号,加上7为电话号码:

<input class="demo" type="type" data-samask="(0000)000-0000">                

input限制输入格式jQuery插件效果图

初始化插件

如果不使用data-samask属性,也可以通过js代码来对插件进行初始化。

$('.phone').samask('(000)000-0000') // (555)555-5555$('.date').samask('00/00/0000')     // 01/01/1990$('.date').samask('0000-00-00')     // 1990-01-01$('.hour').samask('00:00:00');      // 12:30:52$('.date_hour').samask('00/00/0000 00:00:00');  // 01/01/1990 12:30:52$('.percent').samask('%00');                    // %48$('.mixed').samask('SSS-000');                  // SBK-144                

 该input限制输入格式jQuery插件的github地址地址为:https://github.com/roguearch/jquery-samask-plugin

 input限制输入格式jQuery插件 本地下载

上一篇:创意Tabs选项卡特效

下一篇:Bootstrap4下拉框功能强化插件

浙ICP备18035339号-15  |   QQ:79720816  |  地址:蚂蚁分享-一个只做有用的分享。  |  13388629007  |  
Copyright © 2023 蚂蚁分享网 版权所有,授权www.tanan.net使用 Powered by ANTQQ.COM