在最近项目中需要用到一些输入过滤,很自然的就想到需要使用掩码来进行操作,因为这样会尽量使程序变得简单。查找了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掩码插件来自动格式化输入,确保用户按照特定的模式(如+99 (999) 999-9999)输入。这样不仅提高了用户体验,也降低了服务器端验证的复杂性。...
### 240多个jQuery UI插件:详细知识点解析 #### 文件上传(Fileupload) - **文件上传(Fileupload)** - **文件上传插件**主要包括: - **Fileupload**: 提供了强大的文件上传功能,支持多文件上传、进度条显示等...
jQuery Masked Input插件是基于jQuery的一个扩展,它添加了对掩码输入的支持。 在jQuery Masked Input插件中,"mask"是一个关键概念,它定义了用户可以输入的字符集和这些字符的排列顺序。例如,电话号码的掩码可能...
本资源包含上千个jQuery的常用插件,这些插件为开发者提供了丰富的功能选择,以满足不同项目的需求。下面将详细介绍一些常见的jQuery插件及其应用。 1. **轮播插件**: - Bootstrap Carousel:基于Bootstrap框架的...
- **表单插件**:`validate`用于表单验证,`mask`实现输入掩码。 - **滑动插件**:如`slideshow`或`carousel`实现图片轮播。 - **模态框插件**:`modal`或`lightbox`用于弹窗展示内容。 - **导航插件**:`nav`或`...
1. **表单插件**:如 validate.js 用于表单验证,maskedinput.js 用于输入掩码等。 2. **导航与菜单插件**:如 bootstrap 的 dropdown、nav、tab 等。 3. **滑动与滚动插件**:如 slimscroll、fullpage.js 等。 4...
《jQuery输入格式插件Masked Input Plugin深度解析》 在Web开发中,用户界面的交互性和数据输入的规范性是提升用户体验的关键因素。jQuery Masked Input Plugin是一款强大的JavaScript库,它能够帮助开发者轻松地...
jQuery Masked Input插件是一个轻量级的JavaScript库,用于在HTML输入字段中添加掩码功能。通过使用预定义的掩码规则,它可以自动格式化用户输入,从而实现如电话号码、日期、货币等特定格式的数据输入。该插件的两...
### 海量经典的jQuery插件集合 #### 引言 jQuery作为一款优秀的JavaScript库,以其简单易用的特点深受开发者喜爱。随着社区的发展壮大,出现了大量的jQuery插件来满足不同的开发需求。本文将对一系列经典的jQuery...
内容索引:脚本资源,jQuery,jQuery日历插件,DateTimeMask jQuery 日期时间输入格式插件jQuery DateTimeMask,也可称为日期掩码插件,能实现5种日期格式的自动控制。也就是说,在输入日期的时候,你可以不用输入日期...
这个jQuery插件就是为了满足这种需求而设计的。 插件的主要功能包括: 1. **显示/隐藏密码**:用户可以切换显示或隐藏密码字段的内容。当显示时,密码将以明文形式呈现;隐藏时,恢复为传统的掩码状态。这通常通过...
jQuery InputMask是由Robin Herbots开发的一个轻量级插件,它为HTML5表单提供数据掩码功能。这个插件能够帮助用户按照预设的模式进行输入,如电话号码的格式(例如+1 (###) ###-####),或者日期格式(例如DD/MM/...
3. **无依赖**:`vue-the-mask` 不依赖于其他库,如jQuery,这使得它在项目集成中更加灵活,不会增加额外的负担。 4. **简单易用**:只需在Vue组件中引入并安装,然后通过指令应用到需要的输入元素上,配置简单,...
jQuery Masked Input Plugin就是基于jQuery库的一个插件,它提供了一种简单的方法来实现掩码功能。jQuery的广泛使用使得这款插件在各种项目中都能轻松集成。 使用jQuery Masked Input Plugin的步骤大致如下: 1. *...
【前端项目-jquery-maskmoney.zip】是一个包含前端开发中使用的jQuery插件的压缩包,主要功能是实现货币格式化的输入掩码。这个插件能够帮助用户在输入数值时,自动以货币的形式展示数据,提高用户体验并减少输入...
一个jQuery插件,用于在表单字段和HTML元素上制作掩码。 文档,演示和用法示例 产品特点 轻量级(最小约2kb,压缩后约1kb)。 对动态添加的元素的内置支持。 任何HTML元素上的蒙版(不再需要服务器端蒙版!)! ...
输入掩码版权所有(c)2010-2020 Robin Herbots,已获得MIT许可( ) Inputmask是创建输入掩码的javascript库。 Inputmask可以针对原始javascript,jQuery和jqlite运行。 输入掩码通过确保预定义格式来帮助用户进行...
这时,jQuery InputMask插件就能派上大用场。本文将深入探讨jQuery InputMask 3.2.5版本,它是一个强大的JavaScript库,用于为HTML输入元素添加可自定义的输入掩码,以确保用户输入的数据格式正确无误。 jQuery ...
3. **应用插件**:调用插件提供的函数,为选中的元素添加时间掩码。这通常会涉及一个初始化函数,如`$("#elementId").datetimeMask(options)`,其中`options`是设置掩码和其他配置的参数。 4. **设定掩码**:在选项...