마스크 된 입력

Question

을 사용하여 jQuery 유효성 검사 플러그인을 사용하거나 수동으로 jQuery를 사용하여 시작 부분에 '#'기호 및 기타 6자를 포함하는 값을 허용하는 입력 필드를 만들고 싶습니다. 따라서 입력 내용은

#fff, #ff0000, #f00f과 같이 허용되지만 '1232131231'또는 거부하는 항목이 마스크와 일치하지 않습니다. 나는 누군가가 이것으로 나를 도울 수 있기를 바랍니다.

Answer 1

상자에서 그대로 받아 들일 수있는 방법은 없지만 번호 만 허용하고 제출 된 #에 처음에 #을 추가하면됩니다.

Answer 2

이 시도 :

<input type="text" id="color"> 

$(document).ready(function() { 
    $('#color').on('keyup', function() { 
     if (/^#\d{6}$/.test($(this).val())) { 
      console.log("it's a hex color"); 
     } else { 
      console.log("it's not a hex color"); 
     } 
    }); 
}); 

근무 바이올린 : http://jsfiddle.net/QEsGY/