본문으로 바로가기

한글만 입력, 숫자만 입력

category [ Web 관련 ]/jQuery 2020. 11. 27. 00:20

input 창에 한글만 쓰도록 막기

 

$(function(){
       $(".selecter").keyup(function (event) {
            regexp = /[a-z0-9]|[ \[\]{}()<>?|`~!@#$%^&*-_+=,.;:\"'\\]/g;
            v = $(this).val();
            if (regexp.test(v)) {
                alert("한글만 입력가능 합니다.");
                $(this).val(v.replace(regexp, ''));
            }
        });
});

 

한글 입력 막기

<meta http-equiv="content-type" content="text/html; charset=utf-8">
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$( function(){
	$( 'input' ).on("blur keyup", function() {
		$(this).val( $(this).val().replace( /[ㄱ-ㅎ|ㅏ-ㅣ|가-힣]/g, '' ) );
	});
})
</script>

<input type="text">

 

 

 

 

input 창에 숫자만 쓰도록 막기

<input type="text" onKeyup="this.value=this.value.replace(/[^0-9]/g,'');"/>

 

$(function(){
       $(".selecter").keyup(function (event) {
            regexp = /[^0-9]/gi;
            v = $(this).val();
            if (regexp.test(v)) {
                alert("숫자만 입력가능 합니다.");
                $(this).val(v.replace(regexp, ''));
            }
        });
});

 

 

 

input 창에 숫자만 쓰도록 막기 2

$(document).ready(function() {
    $("input:text[numberOnly]").on("keyup", function() {
        if($(this).val() <= 0){
            $(this).val('');
        }else{
            $(this).val(  Number( $(this).val().replace(/[^0-9]/g,"") )  );
        }
    });
});



<input type="text" numberOnly />