表单/表格

input输入格式限制jQuery插件

阿里云

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

使用方法

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

也想出现在这里?联系我们
创客主机
  1. <script src="js/jquery.min.js"></script>
  2. <script src="js/jquery.samask-masker.min.js"></script>

HTML 结构

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

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

初始化插件

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

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

Github 地址:https://github.com/roguearch/jquery-samask-plugin

input 输入格式限制 jQuery 插件

已有 507 人购买
查看演示升级 VIP立刻购买

演示地址 下载地址
收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!