jquery serial format

Question

제품의 일련 번호를 입력하라는 웹 사이트가 있습니다.

나는 하나의 텍스트 상자를 가지고 사용자가이 형식의 시리얼 입력해야 :

xx:xx:xx:xx:xx:xx 

매 2 개 문자 후 :를 입력합니다 구성 요소가 거기를?

아니면 텍스트 상자를 6 개의 텍스트 상자로 분할해야합니까?

다른 방법이 있습니까?

Answer 1

this jquery plugin, 실제로 마스크 된 편집 상자 일 수도 있고 패턴을 설정하고 입력을 준수 할 수 있어야합니다. 데모 탭을 확인하는 것이 좋습니다. 시리얼이 숫자 입력을 요구하는 경우, 물론

jQuery(function($){ 
    $("#serial").mask("99:99:99:99:99:99",{placeholder:"_"}); 
}); 

을 대신 9의 *를 사용

코드

구현하기 매우 간단한데, 당신이 될 것입니다.

http://digitalbush.com/projects/masked-input-plugin/#demo

또는 당신이 6 입력 상자를 사용할 수, 나는이 전에 수행하고 꽤 좋은 볼 수 보았다, 그 아래로 개인적인 취향을 것 같다.

Answer 2

jQuery에 대한 마스크 플러그인을 사용할 수 있습니다. Maybe this?

Answer 3

플러그인이 오버 헤드가되는 경우 jQuery에서 매우 간단하게 작성할 수 있습니다.

나는 값 (콜론 벗겨) 2로 나눌 경우 확인 구현 조롱하고,이 경우에는, 값 콜론 추가 :

$(document).ready(function() { 

    $('#serial').keyup(function() { 
    var $this = $(this); 
    if($this.val().replace(/:/g, '').length % 2 == 0) { 
     if($this.val().length >= 17) return; 
     $this.val($this.val() + ':'); 
    } 
    }); 

});​ 

Working example