HTML5를 사용하여 입력 한 HTML 입력의 유효성을 검사하는 방법

Question

전화 번호 필드로 입력 텍스트 필드의 유효성을 검사해야합니다. HTML5 유효성 검사를 사용하려고합니다.

은 이미 다음과 같은 코드를 작성 :

<input maxlength="8" type="text" name="phone" required /> 

나는이 양식의 유효성을 검사 필요 을 사용했다. 그러나 이것을 확인하는 방법 숫자와 8 자리 만 입력하십시오.

Answer 1

<input maxlength="8" pattern="\d{8}" type="tel" name="phone" required /> 

Answer 2

Type = "tel"로 설정할 수 있지만 모든 것을 유효화하지는 않습니다. 정규식과 함께 pattern 속성을 사용할 수 있습니다.

입력 후두둑 support :

패턴 지원 파이어 폭스 4+ & 크롬 5+ & 오페라 9.6+ & MSIE 예를 들어 10 +

: 8 diggets를 들어

<input type="tel" pattern="[0-9]*([-]?[0-9]+)*" > 

당신 maxlength = "8"을 사용할 수 있습니다.

Answer 3

패턴을 사용하십시오.

<input type="text" pattern="\d{8}" /> 

\d은 숫자에 대한 정규 표현식입니다.