텍스트 상자에 숫자 만 입력 할 수 있습니다.

텍스트 상자에 숫자 만 입력 할 수 있습니다.

---

중복 가능성 :
jQuery를 사용하여 HTML 입력 상자에서 숫자 (0-9) 만 허용하는 방법은 무엇입니까?

이 텍스트 상자에 숫자 만 쓰도록 허용하는 방법은 무엇입니까?

<input type="text" class="textfield" value="" id="extra7" name="extra7">

---

onkeypress 이벤트를 구독 할 수 있습니다.

<input type="text" class="textfield" value="" id="extra7" name="extra7" onkeypress="return isNumber(event)" />

그런 다음 isNumber함수 를 정의하십시오 .

function isNumber(evt) {
    evt = (evt) ? evt : window.event;
    var charCode = (evt.which) ? evt.which : evt.keyCode;
    if (charCode > 31 && (charCode < 48 || charCode > 57)) {
        return false;
    }
    return true;
}

여기 에서 실제 동작을 볼 수 있습니다 .

---

HTML5로 할 수있는 일

<input type="number">

정규식 패턴을 사용하여 입력 텍스트를 제한 할 수도 있습니다.

<input type="text" pattern="^[0-9]*$" />

---

일부 HTML5 속성을 사용할 수도 있으며 일부 브라우저는 이미이를 활용할 수 있습니다 ( type="number" min="0").

무엇을하든 서버 측에서 입력을 다시 확인하는 것을 잊지 마십시오. 클라이언트 측 유효성 검사가 수행되었다고 가정 할 수 없습니다.

참고 URL : https://stackoverflow.com/questions/7295843/allow-only-numbers-to-be-typed-in-a-textbox