ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • [jQuery] 특정문자만 입력 가능한 스크립트
    WEB/JS 2020. 12. 3. 11:07

    [jQuery] 특정문자만 입력 가능한 스크립트

     

    <script type="text/javascript">
    $(document).ready(function(){
       $("input:text[numberOnly]").on("keyup", function() {
          $(this).val($(this).val().replace(/[^0-9]/g,""));  //숫자만 입력 가능
       });

       $("input:text[engOnly]").on("keyup", function() {
          $(this).val($(this).val().replace(/[^a-zA-Z]/g,""));  //영어만 입력 가능
       });

       $("input:text[korOnly]").on("keyup", function() {
          $(this).val($(this).val().replace(/[^ㄱ-ㅣ가-힣]/g,""));  // 한글만 입력 가능
       });
    });
    </script>


    <div>
    <input type="text" id="text1" name="text1" numberOnly>
    <input type="text" id="text2" name="text2" engOnly>
    <input type="text" id="text3" name="text3" korOnly>
    </div>

    'WEB > JS' 카테고리의 다른 글

    [jQuery] 제이쿼리를 이용한 ajax 사용  (0) 2020.11.28

    댓글

Designed by Tistory.