银行卡和手机号占位符
Posted 归尘2016
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了银行卡和手机号占位符相关的知识，希望对你有一定的参考价值。
银行卡
手机号
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=yes" /> <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script> </head> <body> <input type="text" name="bankNumber" id="bankNumber"/> </body> </html> <script src="js/cutNumber.js"></script> <script> $("#bankNumber").cutNumber({type:"phone"}); </script>
JS
/*
模拟手机和银行卡号间隔效果插件
如果银行卡 传参 {type:"bank"}
如果是手机 传参 {type:"phone"}
*/
;(function ($) {
$.fn.extend({
"cutNumber": function (options) {
if (!isValid(options))
return this;
//使用jQuery.extend 覆盖插件默认参数
var opts = $.extend({}, options);
//如果是银行使用，会执行444格式
if(opts.type =="bank"){
$(this).prop({maxlength:23});
return this.on("keyup",function(){
this.value =this.value.replace(/\\s/g,\'\').replace(/\\D/g,\'\').replace(/(\\d{4})(?=\\d)/g,"$1 ");
})
}else if(opts.type =="phone"){
$(this).prop({maxlength:13});
return this.on("keyup",function(){
this.value =this.value.replace(/\\s/g,\'\').replace(/\\D/g,\'\').replace(/(\\d{3})(?=\\d)/,\'$1 \').replace(/(\\d{4})(?=\\d)/,\'$1 \');
})
}else{
return this.on("keyup",function(){
this.value = this.value;
})
}
}
});
//私有方法，检测参数是否合法
function isValid(options) {
return !options || (options && typeof options === "object") ? true : false;
}
})(window.jQuery);
以上是关于银行卡和手机号占位符的主要内容，如果未能解决你的问题，请参考以下文章