자바 스크립트에서 영숫자 확인 기능이있는 텍스트 상자

Question

텍스트 상자가있어서 사용자가 특수 문자를 입력 할 필요가 없습니다. 그는 입력 할 수 있습니다

1. A-Z
2. A-Z
3. 0-9
4. 공간.

첫 번째 문자는 영문자 여야합니다. 각 키 누르기에서 JavaScript 확인을 수행하려면 어떻게해야합니까?

Answer 1

onKeyUp = "javascript : checkChar (this);"를 추가하십시오. 입력 상자에. alernatively

function checkChar(tBox) { 

    var curVal = tBox.value; 

    if (/[^A-Za-z0-9 ]/.test(curVal)) { 

     //do something because he fails input test. 

    } 

} 

당신과 같이 행사에서 키 코드를 잡아 수 있습니다 누른 그냥 키를 확인하려면 다음

onKeyUp에 = "자바 스크립트 : checkChar (이벤트);"

function checkChar(e) { 

    var key; 


    if (e.keyCode) key = e.keyCode; 
    else if (e.which) key = e.which; 

    if (/[^A-Za-z0-9 ]/.test(String.fromCharCode(key))) { 

     //fails test 

    } 

} 

먼저 문자에 대한 부분을 놓친하지만 첫 번째 예에서와 같이 텍스트 상자 값에 대한 테스트를 수행 할 수 있습니다

/^[A-Za-z]/.test(curVal) 

을하거나 두 번째 방법을 사용하지만뿐만 아니라 텍스트 상자를 전달 그래서 당신은 그것의 가득액 가치를 얻을 수있다.

Answer 2

텍스트 상자의 onkeydown 이벤트 처리기에서 누른 키를 확인하고 조건에 맞지 않으면 처리기에서 return false을 확인해야합니다. 키 업을 사용하면 문자가 텍스트 상자에 실제로 입력되는 것을 막을 수 없습니다.

Answer 3

각 키 누르기를 확인해야한다고 생각하지 않습니다. 사용자에게 매우 성가 시울 수 있습니다.

입력이 포커스를 잃었을 때 또는 제출할 때 입력을 확인하십시오.

`/[a-z]{1}[a-z0-9]/i` 

당신은 또한 그 기준을 위해 주어진 문자열을 검사합니다 JQuery Validation Plugin

Answer 4

이 기능을 살펴 수 있습니다

을 수행하려면, 당신은 정규식을 사용하고이 패턴을 사용할 수 있습니다 :

function checkvalue(value) { 
    return value.match(/[A-Za-z][A-Za-z0-9 ]*/); 
} 

그런 다음 onkeypress 이벤트에서이를 사용하여 현재 값을 전달할 수 있습니다.

Answer 5

이제 HTML5가 생겼으므로 자바 스크립트를 사용할 필요조차 없습니다. pattern 특성을 사용할 수 있습니다.

<input type="text" pattern="[A-Za-z][A-Za-z0-9 ]*" title="Description of format" /> 

pattern 속성 포맷을 정의하는 regular expression을 함유한다. title에는 사람이 읽을 수있는 형식 설명이 있어야합니다.

그런 다음 검증에 따라 브라우저에 따라 브라우저가 빨간색으로 필드의 개요를 표시하고 형식에 대한 설명을 나타내는 메시지를 표시합니다.

이 자습서는 HTML5 Input Validation Tutorial에 대해 자세히 설명합니다.