jquery_jquery를 기반으로 하는 BankInput 은행 카드 계좌 형식 지정-JS 튜토리얼-php.cn

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

WBOY

풀어 주다： 2016-05-16 17:50:22

원래의

1411명이 탐색했습니다.

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

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

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);