`
huangro
  • 浏览: 328527 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

Jquery掩码插件

阅读更多

在最近项目中需要用到一些输入过滤,很自然的就想到需要使用掩码来进行操作,因为这样会尽量使程序变得简单。查找了Jquery,发现一款插件能够解决这个问题,插件地址为:http://space.cz2000.cn/batch.viewlink.php?itemid=3940


在此摘录一段原文,有助于理解其用法:
First, include the masked input javascript file.

Next, call the mask function for those items you wish to have masked.

jQuery(function($){
$("#date").mask("99/99/9999");
$("#phone").mask("(999) 999-9999");
$("#tin").mask("99-9999999");
$("#ssn").mask("999-99-9999");
});
Optionally, if you are not satisfied with the underscore ('_') character as a placeholder, you may pass an 
optional argument to the maskedinput method.

jQuery(function($){
$("#product").mask("99/99/9999",{placeholder:" "});
});
Optionally, if you would like to execute a function once the mask has been completed, you can specify that 
function as an optional argument to the maskedinput method.

jQuery(function($){
$("#product").mask("99/99/9999",{completed:function(){alert("You typed the following: "+this.val());}});
});
You can now supply your own placeholder character definitions.

jQuery(function($){
$.mask.addPlaceholder('~',"[+-]");
$("#eyescript").mask("~9.99 ~9.99 999");
});

插件的JS文件请到上述地址去下载。
分享到:
评论

相关推荐

    jquery插件maskedinput实现掩码文本输入框(masked input效果).zip

    jquery插件maskedinput实现掩码文本输入框(masked input效果).zip

    jQuery 日期时间输入格式插件

    内容索引:脚本资源,jQuery,jQuery日历插件,DateTimeMask jQuery 日期时间输入格式插件jQuery DateTimeMask,也可称为日期掩码插件,能实现5种日期格式的自动控制。也就是说,在输入日期的时候,你可以不用输入日期...

    jQuery-Mask-Plugin:一个jQuery插件,用于在表单字段和HTML元素上制作掩码

    一个jQuery插件,用于在表单字段和HTML元素上制作掩码。 文档,演示和用法示例 产品特点 轻量级(最小约2kb,压缩后约1kb)。 对动态添加的元素的内置支持。 任何HTML元素上的蒙版(不再需要服务器端蒙版!)! ...

    Inputmask:输入掩码插件

    输入掩码版权所有(c)2010-2020 Robin Herbots,已获得MIT许可( ) Inputmask是创建输入掩码的javascript库。 Inputmask可以针对原始javascript,jQuery和jqlite运行。 输入掩码通过确保预定义格式来帮助用户进行...

    掩码文本输入框.zip

    掩码文本输入框是一款超实用的掩码文本输入框jquery插件maskedinput,通过这个插件就可以实现类似窗口界面上的masked文本框效果了,可以很简单的指定掩码格式和限制。

    jquery.maskedinput.js掩码输入框(自动格式化输入文本)

    这个实例主要演示使用jquery.maskedinput.js插件实现输入框自动格式化数据,掩码文本输入框,可以理解为,当用户输入的文本框是时间格式,则本插件会将用户的输入自动变为时间格式,并为其自动添加时间分隔条款,...

    phonemask:该插件是针对jQuery开发的,可根据输入的电话号码的开头选择输入掩码

    该插件是针对jQuery开发的,可根据输入的电话号码的开头选择输入掩码。 这种技术可以减少键入电话号码时的错误并使之更加简单。 此外,此插件可用于其他领域,在这些领域中,输入规则可以表示为多个输入掩码。 引言 ...

    Decimal-Mask:一个jQuery插件来创建HTML输入节点的十进制掩码格式

    jQuery.decimalMask插件变更日志版本4 补充:完整的重写,带有更简单,更好的代码补充:当属性“ data-d-mask”存在时,使用其值进行自我初始化版本3.1 固定:启动插件时,所有输入节点都接收第一个输入节点的值版本...

    masked-input:一个jQuery插件,用于将用户在文本字段中的输入限制为特定的模式

    jQuery Masked输入插件 一个插件,用于限制文本字段的输入,并允许用户轻松地以指定的模式输入数据。 一些示例模式包括电话号码,日期,社会保险等。这是预定义掩码及其代表的集合: X-代表字母字符(AZ,az) 9-...

    countid:jQuery插件来递增和递减数字

    Countid jQuery插件来递增和递减数字或时钟时间要求: Countid插件需要最新版本的 。 您也可以包括以滚动到countid元素后执行计数用法jsFiddle示例,用于递增和自定义格式请参阅示例以自定义您的数字输出时钟计时器...

    VanillaMask:在表单字段上制作掩码的插件

    在表单字段上制作掩码的插件 用法 没有 jQuery new VanillaMask ( document . querySelector ( "#cellphone" ) , { masks : [ "(99) 9999-9999" , "(99) 99999-9999" ] , onComplete : function ( ) { console...

    jquery-phone-brazil:Jquery 面具电话巴西

    Jquery 掩码电话巴西。 作者@palloi - palloi.hofmann[at]gmail.com - CSSforHTML - 06-20-2012 - @version: 1.0.2 新手机格式的插件。 验证具有以下格式的电话: (99) 9999-9999 (99) 99999-9999 html的使用...

    jquery_maskloader

    jQuery掩码加载器简单的用于ajax等的Jquery插件预加载器。易于使用。 演示页面: : 安装通过Bower安装: bower install maskloader 您HTML文件: < html > < head > < title > Mask Loader ...

    jquery基础教程高清版PDF.part5.rar

     8.8 输入掩码   8.8.1 购物车表格结构   8.8.2 拒绝非数字输入   8.9 数字计算   8.9.1 解析和格式化货币值   8.9.2 处理小数位   8.9.3 其他计算   8.10 删除商品   8.11 修改送货信息...

    vue-stripe-payment-Stripe的jquery.payment的Vue包装器。-Vue.js开发

    该插件依赖于jQuery。提供了伪指令,用于输入掩膜表单vue-stripe-payment Vue包装器,用于验证支付表单字段。 该插件依赖于jQuery。为输入掩码表单字段提供了伪指令,整个支付库在this。$ payment对象下可用。 通过...

    jQuery-Plugin-General-Validator

    作者:Guilherme Gomes ( ) 和 Alvaro ( ) 一个简单的验证插件和掩码。 您可以定义是否要对字段、默认消息以及数据一致或不一致时要执行的操作实施掩码。 验证类型: 必填字段: required 数值: numeric 密码与...

    ember-maskmoney:用于jquery-maskmoney的ember cli插件

    cd your-project-directoryember install ember-maskmoney用法您可以使用所有选项 {{ input-money placeholder = placeholder number = model.amount class = inputClass }} 如果要使用不带小数的掩码值,请添加...

    AdminLayout:所有 js 框架(angularjsreactjsmeanJsmeteorjs)的免费管理布局加上响应式设计

    助推器滑块离子滑块引导程序 WYSIHTML5 CK编辑器Bootstrap 颜色选择器Bootstrap 日期范围选择器引导时间选择器数据表浮标莫里斯.js 火花完整日历核对jQuery 输入掩码jQuery 旋钮j矢量图超薄卷轴步伐浏览器支持: ...

    rime-admin:使用 AdminLTE 的统计信息仪表板

    rime-admin 使用 AdminLTE 的统计信息仪表板 rime-admin -- 适合从小型移动设备到大型台式...jQuery 输入掩码 jQuery 旋钮 j矢量图 超薄卷轴 步伐 浏览器支持: 浏览器 9+ 火狐 5+ Chrome 14+ Safari 5+ 歌剧 11+

Global site tag (gtag.js) - Google Analytics