티스토리 뷰

JSP & JavaScript

숫자만 쓰도록 하는 KeyEvent

Grand_J 2015. 12. 2. 17:05
반응형

 
 
<input type="text" numberonly="true" />  // 숫자만 입력 가능한 텍스트박스
<input type="text" datetimeonly="true" /> // 숫자, 콜론(:), 하이픈(-)만 입력 가능한 텍스트박스

 

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


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

   $("#user_phone").keydown(function(e) {
        
    $(this).val( $(this).val().replace(/[^0-9]/gi,"") );
   
   });
 

 

반응형

'JSP & JavaScript' 카테고리의 다른 글

<%@ page contentType="text/html; charset=UTF-8"%> 에러 대처법  (0) 2017.06.08
엑박시 대체 가능한 html 태그 "onerror"  (0) 2015.12.02
Javascript로 video tag scroll play 비디오 태그 사용시 스크롤로 플레이 제어 !!  (0) 2015.08.11
소수점 자르기 (반올림 없음) .toFixed 방식아님  (0) 2015.07.24
천단위 콤마 찍기 !! (가격 계산, 숫자 계산)  (0) 2015.07.23