html 양식 요소의 입력 제한

텍스트 상자가있는 양식이 있습니다. 나는 텍스트 상자에 1, 3 또는 6의 세 가지 숫자 만 허용하기를 원합니다. 어떻게 클라이언트 측에서 유효성 검사를 적용 할 수 있습니까?html 양식 요소의 입력 제한

<input type="number" name="NumberOfDays" min="1" />

당신은 정규식을 사용하여 시도 할 수 있습니다. –

@PraveenKumar 표현을 도와 주시겠습니까? –

답변을 참조하십시오. 1 또는 3 또는 6 이외의 형식으로 양식을 제출하십시오. –

입력 사항의 유효성을 검사 할 수 있습니다. 입력은 1 또는 3 또는 6 이외는 허용되지 않습니다. 몇 가지 가치를 더하고 제출하십시오. pattern을 사용하는 경우 type="number"을 삭제하십시오.

<form> 
 
    <input pattern="[1|3|6]{1}" name="NumberOfDays" min="1" /> 
 
    <input type="submit" /> 
 
</form>

2017-09-23 10:37:42

"5"를 입력하면 크롬 60에 오류가 발생하지 않습니다! – Nisarg

@NisargShah 지금 사용해보세요. 'type = "number"'가 있기 때문입니다. –

잘 작동합니다! 그것은 실제로 매우 청초하다. 나는'keydown'과'preventDefault'를 조합하여 생각하고있었습니다. – Nisarg

답변