숫자가 아닌 문자를 입력하지 않으려합니다.Android/Chrome에서 HTML5 입력 유형 패턴이 작동하지 않습니다.
<input id="cvv" name="cvv" type="text" minlength="3" pattern="[0-9]*" required="required" placeholder="000" size="3" maxlength="3">
이 데스크톱 브라우저에서 잘 작동 : 이 내 텍스트 필드입니다. 하지만이 안드로이드/크롬 브라우저에서 작동하지 않습니다. 어떤 도움이 필요합니까? 감사.
HTML 5 기능은 아직 모바일 브라우저에서 완전히 지원되지 않습니다. 호환성 here - see Browser Compatibility section 및 here을 확인하십시오. 또한
<input id="cvv" name="cvv" type="number" required="required" placeholder="000" />
당신이 때 onKeyPress 사용하거나 onblur 이벤트의 유효성을 검사 자바 스크립트를 사용할 수있는 안드로이드 4.
에서 supported입니다당신은 사용할 수있다 "번호"입력 유형입니다.
"숫자 = 숫자 상태는 숫자로만 이루어 지지만 엄격하게 말하면 입력이 아닌 입력에는 적합하지 않습니다 . 예를 들어 신용 카드 번호 나 미국 우편 번호는 부적절 할 수 있습니다. "http://www.w3.org/TR/html5/forms.html#number-state-%28type=number%29 –
예, 요구 사항 신용 카드 번호가 아닌 단지 숫자입니다. – Shankar
CVV는 "엄밀히 말하면 숫자"가 아닌 암호와 같은 문자열입니다 (숫자로만 구성된 것). 대답의 코드는 유효하지 않습니다 :'type = number'의 경우'size','minlength','maxlength' 속성은 허용되지 않습니다. –
Android 브라우저는 버전 4.4 이전의 support HTML5 양식 기능을 제공하지 않습니다.
HTML5 기능을 지원하지 않는 브라우저에서 양식 데이터 (및 요구 사항)를 기준으로 클라이언트 측 사전 점검을 수행하려면 JavaScript를 사용해야합니다. 이를위한 많은 라이브러리가 있지만, 이와 같은 간단한 경우에는 직접 코드를 작성하는 것이 더 쉬울 수도 있습니다. 세부 사항은 원하는 오류 처리에 따라 다릅니다.
다음 데모 삽입물을 발견 할 수 있습니다. http://jsfiddle.net/trixta/7NEBb/ –