2013-03-06 2 views
1

이 필드에는 10 자리 숫자의 휴대폰 번호를 입력 할 수 있습니다.html5 숫자 제한을위한 패턴

<input type="text" id="mnumber" placeholder="Mobile number:" 
     title="Mobile Number" pattern="[0-9]{10}" required> 

하지만 사용자가 9999999999 숫자도 입력 할 수 없도록해야합니다. html5 패턴을 사용할 수 있습니까?

+0

당신이 번호 9999999999을 허용 하시겠습니까? – anroesti

+0

MDN에 따르면,'pattern'의 값은 자바 스크립트 스타일의 정규식이어야합니다 : https://developer.mozilla.org/en-US/docs/HTML/Element/Input#attr-pattern. 아마도 '9999999999'를 허용하지 않는 정규식을 쓸 수 있는지 확인하십시오. – ajp15243

+0

전화 번호를 읽는 데 HTML5의 새로운 기능을 사용하는 경우 패턴 일치를 직접 시도하는 대신 이러한 목적으로 설계된'type = tel'를 사용하십시오. –

답변

2

<input type="text" 
     id="mnumber" 
     placeholder="Mobile number:" 
     title="Mobile Number" 
     pattern="(?![9]{10})[0-9]{10}" 
     required> 
1

정규 표현식에서 미리보기 어설 션을 사용하십시오.

(?!9999999999)\d{10} 
0

하는 HTML5 번호 입력을 제한하는 시도

<form> 
<input type="text" pattern="[^0-9]+" title="Numbers are not allowed"> 
<input type="submit"> 
</form>