jQuery :: 유효성 검사 함수 모음

1. 한글만 입력되도록

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script type="text/javascript">
$(function() {
    $('#hangeul').keyup(function() {
        onlyHangeul($(this));
    });
});
 
/*
 * 한글만 입력되도록 리턴(띄어쓰기 불가능)
 * ex) onlyHangeul($(this))
         $(this).val() = 나는12asdf4정말^^좋다b333
         return 나는정말좋다
 */
function onlyHangeul(obj) {
    var value = obj.val();
    obj.val(value.replace(/[^ㄱ-ㅎ가-힣]/g, '')); }
</script>

 

 

2. 영문만 입력되도록

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script type="text/javascript">
$(function() {
    $('#english').keyup(function() {
        onlyEnglish($(this));
    });
});
/*
 * 영문만 입력되도록 리턴(띄어쓰기 불가능)
 * ex) onlyHangeul($(this))
         $(this).val() = 나는12asdf4정말^^좋다b333
         return asdfb
 */
function onlyEnglish(obj) {
    var value = obj.val();
    obj.val(value.replace(/[^a-zA-Z]/g, ''));  
}
</script>

 

 

3. 숫자에 자동 콤마 생성

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script type="text/javascript">
$(function() {
    $('#numberComma').keyup(function() {
        numberComma($(this));
    });
});
 
/*
 * 숫자에 콤마 생성 후 리턴(띄어쓰기 불가능)
 * ex) onlyHangeul($(this))
         $(this).val() = 나는12asdf4정말^^좋다b333
         return 124,333
 */
function numberComma(obj) {
    var str = String(obj.val().replace(/[^0-9]/g, ''));
    // 가장 처음 숫자가 0인지 체크
    if (obj.val() != 0) {
        var reStr = str.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,');
    } else {
        var reStr = '';
    }
    
    obj.val(reStr);
}
</script>

ㄴㅇㄹㅇㄴ

ㄹㄴㅇ

 

 

ㄴ

 

 

ㄴㅇㄹ

ㄹㄴㅇㄹㄴㅇ