2012-06-29 3 views
1

jquerymobile의 입력 필드에서 패턴 속성과 maxlength 속성을 결합 할 수 있습니까?입력 필드의 최대 길이가있는 패턴 결합

<input name="aNumber" type="number" pattern="[0-9]{6}" maxlength="6" placeholder="dddddd" value=""> 
<input name="anotherNumber" type="number" pattern="[0-9]{3,4}" maxlength="4" placeholder="ddd(d)" value=""> 

숫자가 큰 숫자를 표시하고 싶지만 그 숫자는 pattern="[0-9]*" 만 사용해야합니다. 불행히도 maxlength 속성은 어떤 경우에도 존중되지 않습니다.

내가 원하는 것은 숫자 키패드 (큰 하나/다이얼, iPhone에는 분명히 2 개가 있습니다 : 숫자/다이얼과 특수 문자가있는 숫자)를 사용하여 최대 6 자 또는 3 ~ 4 자의 숫자 문자를 입력 할 수 있습니다.


편집 : raina77ow의 제안 @ 적용하고 그 순간을 위해 작동하지만, 여전히 그렇지 느낌이 바로 내가 조언을 열려 해요!

<input name="aNumber" type="tel" pattern="[0-9]*" maxlength="6" placeholder="dddddd" value=""> 
+1

type = "tel"maxlength = "6"조합은 어떨까요? – raina77ow

+1

@ raina77ow 참으로 도움이 된! 그래도 더러운 느낌이 ... – mayrs

+0

왜 'maxlength'는 존중되지 않습니까? – mbomb007

답변

0

은 {6} "정확히 6 자리 {0,6}의 최소 0 숫자 및 최대 6 자리

0

TYPE ="TEL "패턴 = 수단 {X, 6} "최대 길이 ="6 "

만약 당신이 엄격 번호 ​​(수학 숫자로 번호를 전화하지 않음) 갈 싶어 제한 입력 :

패턴 ="[0-9] {X, 6} "

여기서 x는 0과 6 사이의 정수입니다. 입력을 위해 X의 최소값과 최대 6 자리 숫자를 얻습니다.

이렇게 패턴을 입력하면 패턴 속성을 지원하지 않는 브라우저에 대해서만 maxlength가 필요합니다.

관련 문제