현재 다음 코드가 있습니다
<input type="number" />이런 식으로 나옵니다
오른쪽에있는 작은 선택기 만 있으면 숫자가 음수가 될 수 있습니다. 어떻게 방지 할 수 있습니까?
나는 사용 type="number"에 대해 의문을 가지고 있으며, 해결하는 것보다 더 많은 문제를 일으키고 있습니다. 어쨌든 위생 상태를 확인하려고합니다. 그래서 다시 사용으로 돌아 가야 type="text"합니까?
답변
답변
음수를 방지하는 또 다른 해결책을 찾았습니다.
<input type="number" name="test_name" min="0" oninput="validity.valid||(value='');">답변
얼마나 정확한지에 따라 다릅니다. 다음보다 정수만 허용하려고합니다.
<input type="number" min="1" step="1">예를 들어 소수점 다음에 두 자리 숫자로 플로트를 원할 경우 :
<input type="number" min="0.01" step="0.01">답변
다음을 추가하여 입력에 양의 정수만 포함하도록 할 수 있습니다 onkeypressinput태그 내에 .
<input type="number" onkeypress="return event.charCode >= 48" min="1" >여기서 event.charCode >= 480보다 크거나 같은 숫자 만 반환되도록합니다.min 되도록하고 태그는 입력 막대 내에서 스크롤하여 최소 1이 될 수 있도록합니다.
답변
다음을 사용하여 type="number"양수 만 허용 할 수 있습니다 .
input type="number" step="1" pattern="\d+"답변
다음과 같은 방법으로 숫자 입력 양식에서 음수 입력을 방지 할 수 있습니다.
<input type="number" onkeyup="if(this.value<0){this.value= this.value * -1}">답변
시험
<input type="number" pattern="^[0-9]" title='Only Number' min="1" step="1">