FrontEnd/JavaScript & jQuery
jQuery :: 유효성 검사 함수 모음
초록 (green)
2017. 9. 27. 23:09
1. 한글만 입력되도록
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18 |
<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> |
cs |
2. 영문만 입력되도록
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18 |
<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> |
cs |
3. 숫자에 자동 콤마 생성
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26 |
<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> |
cs |
ㄴㅇㄹㅇㄴ
ㄹㄴㅇ
ㄴ
ㄴㅇㄹ
ㄹㄴㅇㄹㄴㅇ