`
huangro
  • 浏览: 332465 次
  • 性别: 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掩码文本输入框 jQuery掩码文本输入框网页特效.zip

    例如,如果你正在创建一个需要用户输入电话号码的表单,你可以使用jQuery掩码插件来自动格式化输入,确保用户按照特定的模式(如+99 (999) 999-9999)输入。这样不仅提高了用户体验,也降低了服务器端验证的复杂性。...

    240多个jQuery UI插件

    ### 240多个jQuery UI插件:详细知识点解析 #### 文件上传(Fileupload) - **文件上传(Fileupload)** - **文件上传插件**主要包括: - **Fileupload**: 提供了强大的文件上传功能,支持多文件上传、进度条显示等...

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

    jQuery Masked Input插件是基于jQuery的一个扩展,它添加了对掩码输入的支持。 在jQuery Masked Input插件中,"mask"是一个关键概念,它定义了用户可以输入的字符集和这些字符的排列顺序。例如,电话号码的掩码可能...

    上千个Jquery常用插件

    本资源包含上千个jQuery的常用插件,这些插件为开发者提供了丰富的功能选择,以满足不同项目的需求。下面将详细介绍一些常见的jQuery插件及其应用。 1. **轮播插件**: - Bootstrap Carousel:基于Bootstrap框架的...

    JQuery插件

    - **表单插件**:`validate`用于表单验证,`mask`实现输入掩码。 - **滑动插件**:如`slideshow`或`carousel`实现图片轮播。 - **模态框插件**:`modal`或`lightbox`用于弹窗展示内容。 - **导航插件**:`nav`或`...

    jquery插件

    1. **表单插件**:如 validate.js 用于表单验证,maskedinput.js 用于输入掩码等。 2. **导航与菜单插件**:如 bootstrap 的 dropdown、nav、tab 等。 3. **滑动与滚动插件**:如 slimscroll、fullpage.js 等。 4...

    jQuery输入格式的插件Masked Input Plugin

    《jQuery输入格式插件Masked Input Plugin深度解析》 在Web开发中,用户界面的交互性和数据输入的规范性是提升用户体验的关键因素。jQuery Masked Input Plugin是一款强大的JavaScript库,它能够帮助开发者轻松地...

    jquery.maskedinput 自定义输入格式,金额,时间,秒,毫秒控件

    jQuery Masked Input插件是一个轻量级的JavaScript库,用于在HTML输入字段中添加掩码功能。通过使用预定义的掩码规则,它可以自动格式化用户输入,从而实现如电话号码、日期、货币等特定格式的数据输入。该插件的两...

    海量经典的jQuery插件集合

    ### 海量经典的jQuery插件集合 #### 引言 jQuery作为一款优秀的JavaScript库,以其简单易用的特点深受开发者喜爱。随着社区的发展壮大,出现了大量的jQuery插件来满足不同的开发需求。本文将对一系列经典的jQuery...

    jQuery 日期时间输入格式插件

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

    jQuery显示隐藏和复制表单密码字段插件

    这个jQuery插件就是为了满足这种需求而设计的。 插件的主要功能包括: 1. **显示/隐藏密码**:用户可以切换显示或隐藏密码字段的内容。当显示时,密码将以明文形式呈现;隐藏时,恢复为传统的掩码状态。这通常通过...

    jQuery inputMask1.0.rar

    jQuery InputMask是由Robin Herbots开发的一个轻量级插件,它为HTML5表单提供数据掩码功能。这个插件能够帮助用户按照预设的模式进行输入,如电话号码的格式(例如+1 (###) ###-####),或者日期格式(例如DD/MM/...

    vuethemask为Vuejs创建的轻量级2KBgzipped和无依赖关系的掩码输入

    3. **无依赖**:`vue-the-mask` 不依赖于其他库,如jQuery,这使得它在项目集成中更加灵活,不会增加额外的负担。 4. **简单易用**:只需在Vue组件中引入并安装,然后通过指令应用到需要的输入元素上,配置简单,...

    掩码文本输入框.zip

    jQuery Masked Input Plugin就是基于jQuery库的一个插件,它提供了一种简单的方法来实现掩码功能。jQuery的广泛使用使得这款插件在各种项目中都能轻松集成。 使用jQuery Masked Input Plugin的步骤大致如下: 1. *...

    前端项目-jquery-maskmoney.zip

    【前端项目-jquery-maskmoney.zip】是一个包含前端开发中使用的jQuery插件的压缩包,主要功能是实现货币格式化的输入掩码。这个插件能够帮助用户在输入数值时,自动以货币的形式展示数据,提高用户体验并减少输入...

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

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

    Inputmask:输入掩码插件

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

    jquery.inputmask-3.2.5.zip

    这时,jQuery InputMask插件就能派上大用场。本文将深入探讨jQuery InputMask 3.2.5版本,它是一个强大的JavaScript库,用于为HTML输入元素添加可自定义的输入掩码,以确保用户输入的数据格式正确无误。 jQuery ...

    用Jquery做的几种输入时间的例子

    3. **应用插件**:调用插件提供的函数,为选中的元素添加时间掩码。这通常会涉及一个初始化函数,如`$("#elementId").datetimeMask(options)`,其中`options`是设置掩码和其他配置的参数。 4. **设定掩码**:在选项...

Global site tag (gtag.js) - Google Analytics