首页 > 代码库 > 银行卡和手机号占位符

银行卡和手机号占位符

银行卡

技术分享

手机号

技术分享

HTML

<!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 =http://www.mamicode.com/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 =http://www.mamicode.com/this.value.replace(/s/g,‘‘).replace(/D/g,‘‘).replace(/(/d{3})(?=\d)/,‘$1 ‘).replace(/(\d{4})(?=\d)/,‘$1 ‘);"keyup",function(){         			this.value = http://www.mamicode.com/this.value;"object") ? true : false;    }})(window.jQuery);

  

银行卡和手机号占位符