基于jquery的bankInput银行卡账号格式化


Posted in Javascript onAugust 22, 2012

jquery bankInput插件是银行卡进行格式化显示,能控制文本框输入最小最大个数、控制只能输入数字、控制不能粘贴不能使用输入法。同时插件能实现自动加载格式化显示和支持非输入框的格式话显示。

基于jquery的bankInput银行卡账号格式化

<script type="text/javascript" src="__JS__/jquery.bankInput.js"></script> 
<script>$(".account").bankInput()$(".account").bankList() 
</script>

1.默认使用方法:
$("#account").bankInput();
2.设置参数
$("#account").bankInput({min:16,max:25,deimiter,' '});
3.非文本框格式化显示
$(".account").bankList();
/** 
× JQUERY 模拟淘宝控件银行帐号输入 
* @Author 312854458@qq.com 旭日升 
**/ 
(function($){ 
// 输入框格式化 
$.fn.bankInput = function(options){ 
var defaults = { 
min : 10, // 最少输入字数 
max : 25, // 最多输入字数 
deimiter : ' ', // 账号分隔符 
onlyNumber : true, // 只能输入数字 
copy : true // 允许复制 
}; 
var opts = $.extend({}, defaults, options); 
var obj = $(this); 
obj.css({imeMode:'Disabled',borderWidth:'1px',color:'#000',fontFamly:'Times New Roman'}).attr('maxlength', opts.max); 
if(obj.val() != '') obj.val( obj.val().replace(/\s/g,'').replace(/(\d{4})(?=\d)/g,"$1"+opts.deimiter) ); 
obj.bind('keyup',function(event){ 
if(opts.onlyNumber){ 
if(!(event.keyCode>=48 && event.keyCode<=57)){ 
this.value=this.value.replace(/\D/g,''); 
} 
} 
this.value = this.value.replace(/\s/g,'').replace(/(\d{4})(?=\d)/g,"$1"+opts.deimiter); 
}).bind('dragenter',function(){ 
return false; 
}).bind('onpaste',function(){ 
return !clipboardData.getData('text').match(/\D/); 
}).bind('blur',function(){ 
this.value = this.value.replace(/\s/g,'').replace(/(\d{4})(?=\d)/g,"$1"+opts.deimiter); 
if(this.value.length < opts.min){ 
alertMsg.warn('最少输入'+opts.min+'位账号信息!'); 
obj.focus(); 
} 
}) 
} 
// 列表显示格式化 
$.fn.bankList = function(options){ 
var defaults = { 
deimiter : ' ' // 分隔符 
}; 
var opts = $.extend({}, defaults, options); 
return this.each(function(){ 
$(this).text($(this).text().replace(/\s/g,'').replace(/(\d{4})(?=\d)/g,"$1"+opts.deimiter)); 
}) 
} 
})(jQuery);
Javascript 相关文章推荐
Javascript 对象的解释
Nov 24 Javascript
jQuery 下拉列表 二级联动插件分享
Mar 29 Javascript
jQuery1.9.1针对checkbox的调整方法(prop)
May 01 Javascript
jQuery取得设置清空select选择的文本与值
Jul 08 Javascript
js性能优化技巧
Nov 29 Javascript
JS中如何实现Laravel的route函数详解
Feb 12 Javascript
JS中解决谷歌浏览器记住密码输入框颜色改变功能
Feb 13 Javascript
js实现楼层导航功能
Feb 23 Javascript
学习node.js 断言的使用详解
Mar 18 Javascript
Vue-cli3.X使用px2 rem遇到的问题及解决方法
Aug 08 Javascript
ES6 Object.assign()的用法及其使用
Jan 18 Javascript
javascript+css实现进度条效果
Mar 25 Javascript
javascript高级程序设计第二版第十二章事件要点总结(常用的跨浏览器检测方法)
Aug 22 #Javascript
js选取多个或单个元素的实现代码(用class)
Aug 22 #Javascript
javascript动态加载三
Aug 22 #Javascript
javascript动态加载二
Aug 22 #Javascript
javascript动态加载实现方法一
Aug 22 #Javascript
原生js写的放大镜效果
Aug 22 #Javascript
window.open不被拦截的实现代码
Aug 22 #Javascript
You might like
php设计模式 Decorator(装饰模式)
2011/06/26 PHP
php中批量删除Mysql中相同前缀的数据表的代码
2011/07/01 PHP
PDO::getAvailableDrivers讲解
2019/01/28 PHP
laravel框架创建授权策略实例分析
2019/11/22 PHP
让你的PHP,APACHE,NGINX支持大文件上传
2021/03/09 PHP
jQuery对象与DOM对象之间的转换方法
2010/04/15 Javascript
自制基于jQuery的智能提示插件一枚
2011/02/18 Javascript
jQuery(非HTML5)可编辑表格实现代码
2012/12/11 Javascript
jquery实现表格奇数偶数行不同样式(有图为证及实现代码)
2013/01/23 Javascript
jquery插件冲突(jquery.noconflict)解决方法分享
2014/03/20 Javascript
JavaScript判断文件上传类型的方法
2014/09/02 Javascript
JS简单计算器实例
2015/01/20 Javascript
详解js中构造流程图的核心技术JsPlumb(2)
2015/12/08 Javascript
详解JavaScript对象类型
2016/06/16 Javascript
5分钟打造简易高效的webpack常用配置
2017/07/04 Javascript
如何使node也支持从url加载一个module详解
2018/06/05 Javascript
小程序实现录音功能
2020/09/22 Javascript
[54:47]Liquid vs VP Supermajor决赛 BO 第五场 6.10
2018/07/05 DOTA
详解Python中open()函数指定文件打开方式的用法
2016/06/04 Python
python通过pip更新所有已安装的包实现方法
2017/05/19 Python
基于python 爬虫爬到含空格的url的处理方法
2018/05/11 Python
python 判断字符串中是否含有汉字或非汉字的实例
2019/07/15 Python
Python调用接口合并Excel表代码实例
2020/03/31 Python
Python PIL库图片灰化处理
2020/04/07 Python
ghd澳大利亚官方网站:英国最受欢迎的美发工具品牌
2018/05/21 全球购物
什么是servlet
2012/05/08 面试题
创业计划书中要认真思考的问题
2013/12/28 职场文书
营销总监岗位职责范本
2014/02/26 职场文书
加多宝凉茶广告词
2014/03/18 职场文书
《红军不怕远征难》教学反思
2014/04/14 职场文书
争先创优演讲稿
2014/09/15 职场文书
检讨书大全
2015/01/27 职场文书
新员工实习期个人工作总结
2015/10/15 职场文书
优秀教师主要事迹材料
2015/11/04 职场文书
酒吧七夕情人节宣传语
2015/11/24 职场文书
TensorFlow中tf.batch_matmul()的用法
2021/06/02 Python