입력란에 입력 된 각 문자 감지 및 조건부 실행

Question

웹 앱을 구축 중입니다. 내 질문을하기 전에 사용자 경험을 원하는대로 설명하려고하면 가장 쉽습니다.

내 사용자가 내 사이트로 이동하여 텍스트 필드에 입력하기를 원합니다. 각 문자가 입력 될 때 해당 문자에 대한 조건문을 실행하여 텍스트 필드에 추가해야하는지 결정합니다. 입력 된 문자가 내가 원하는 문자가 아니면 문자가 추가되지 않습니다.

텍스트를 제출 한 후에 내 모델에서 유효성을 검증했지만 실시간으로 원합니다. 나는 이것이 JavaScript와 관련이 있다고 생각하고 있으며 검색을 위해 무엇을 검색해야 할지를 아는 데 충분하지 않습니다. (자습서, 개념 등) 어디서 볼 수있는 날 도와 드릴까요?

시간을내어 읽어 주셔서 감사합니다.

Answer 1

keydown 이벤트에 전달 된 이벤트 개체의 preventDefault 메서드를 사용하면이 작업을 수행 할 수 있습니다. 이것은 기본적으로 브라우저가 텍스트 필드에 문자를 필드에 추가하는 기본 동작을 수행하지 않도록 지시합니다. 여기

은 간결 jQuery를 사용하여 구현,하지만 당신은뿐만 아니라 순수 자바 스크립트에서 동일한 기능을 구현할 수 있습니다

$('input').on('keydown', function(event) { 
    // event.which is the character code 
    if (/* some condition */) event.preventDefault(); 
}); 

을 그리고 여기 당신은 문자 A를 입력 할 수 없습니다 예와 바이올린입니다 : http://jsfiddle.net/354XJ/

Answer 2

그것은 정확하게 아니다 상황이지만 아주 좋은 출발점이 질문과 답변이 될 것입니다 :이 허용 된 경우 How to allow only numeric (0-9) in HTML inputbox using jQuery?

당신은 기본적으로 자바 스크립트 찾고있는 키 누름을 차단하고 만 허용합니다 위의 질문은 숫자 키에 대해이를 구현합니다. 그걸로 시작하고 필요에 따라 확장하십시오.