[JQuery]숫자만입력가능하도록설정

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> //TagLib 추가
<script type="text/javascript" src="<c:url value='/js/kmedi/jquery.alphanumeric.js'/>"></script> //추가

$('#refndAcnutno').numeric(); // 숫자만 입력가능하도록
style="ime-mode: disabled;" // 해당 text박스에 style로 한글 입력 불가 처리

테이블 추가로 인해 생성될경우는 .clone 후에 한번더 find 하여 입력해주어야 한다.

ex) 회원가입 form 에서 추가버튼 누를시 추가로 복사되는경우 새로생긴 td에 대해선 한번더 선언을 해주어야 한다.

 // 옵션추가 버튼 클릭시
    $("#btnPostSearchAdd").live("click", function(){ //같은id를 가지고 있어도 다르게 적용(복수에 대한 event 지원)
        var tableItem = $(this).parent().parent().parent().parent();
  var newitem = tableItem.find("tr:last").clone();
  newitem.find('#familyAge').numeric();
  tableItem.append(newitem);
    });

 

//2013년 9월 27일 추가내용

download링크 : http://plugins.jquery.com/project/aphanumeric

<script src="../js/jquery.alphanumeric.js" type="text/javascript"></script>

 

$(function() {

$("#Id").numeric(); //숫자만 입력가능하도록 설정

$("#Id").css("ime-mode", "disabled"); //해당 text박스에 style로 한글 입력 불가 처리

});

<input type="text" id="Id" value="" alt="텍스트박스"/>

 

위와같은 방식으로도 숫자만 입력 가능.