input 박스에 숫자만 입력하기 - 함수 생성

별도의 클래스를 추가하는 방법도 있지만

함수 생성으로 간편하게 사용하는 방법도 있다.

** Javascript

$(document).on("keyup", "input:text[numberOnly]", function() {
    $(this).val( $(this).val().replace(/[^0-9]/gi,"") );
});

** jsp

<tr>
    <th>높이</th>
    <td><input type="text" style="width: 60px" name="height" title="높이" numberonly="true"> px</td>
 
    <th>넓이</th>
    <td><input type="text" style="width: 60px" name="width" title="넓이" numberonly="true"> px</td>
</tr>

+ 2017.11.16 추가

비슷하지만 표현법이 다른 방법

** Javascript

function onlyNumber(obj) {
 
    $(obj).keyup(function(){
         
        $(this).val($(this).val().replace(/[^0-9]/g,""));
    
    });
}

** jsp

<input type="text" class="form-control" name="SEND_TYPE_P" id="SEND_TYPE_P" 
    value="16" maxlength="2" onkeydown="onlyNumber(this)"/>