jquery_jquery를 기반으로 하는 BankInput 은행 카드 계좌 형식 지정

jquerybankInput 플러그인은 텍스트 상자의 최소 및 최대 입력 수를 제어하고 숫자 입력만 제어하며 붙여넣지 않음 및 입력 방법 사용을 제어할 수 있는 형식화된 은행 카드입니다. 동시에 플러그인은 형식화된 디스플레이를 자동으로 로드하고 비입력 상자의 형식화된 디스플레이를 지원할 수 있습니다.

코드 복사 코드는 다음과 같습니다.

<script>$(".account").bankInput()$(".account") .bankList( ) <br></script>

1. 기본 사용법:
$("#account").bankInput()
2. >$ ("#account").bankInput({min:16,max:25,deimiter,' '})
3. 텍스트 상자 형식이 아닌 표시
$(".account").bankList () ;

코드 복사 코드는 다음과 같습니다.

/**
× JQUERY는 Taobao 통제 은행 계좌 입력을 시뮬레이션합니다.
* @Author 312854458@qq.com Rising Sun
* */
(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:' 비활성화됨',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,''). replacement(/(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 " 선택 .deimiter));
})
}
})(jQuery);