selfstarter

JS Input에 숫자만 입력받기 본문

Web/Javascript

JS Input에 숫자만 입력받기

selfstarter 2019. 10. 26. 21:48

JS Input에 숫자만 입력받기

  • Input에 keyup 이벤트가 발생할 때 정규표현식으로 숫자 여부를 확인한다. 숫자가 아니라면 입력값을 빈값으로 치환한다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="http://code.jquery.com/jquery-3.1.1.js"></script>
<script>
$(function(){
    $("[data-input-box]").keyup(function(){
        $(this).val($(this).val().replace(/[^0-9.]/g,''));
    });
});
</script>
</head>
<body>
<input type="text" data-input-box />
</body>
</html>

'Web > Javascript' 카테고리의 다른 글

select box 동적 생성  (0) 2019.12.31
javascript list 예제  (0) 2019.10.29
dataTable 원하는 행의 data 가져오기  (0) 2019.10.17
Jquery 자식, 형제 노드 찾기  (0) 2019.08.16
javascript each return false  (0) 2019.08.14
'Web/Javascript' Related Articles more
Comments