티스토리 뷰
javascript input객체에서 글자수를 제한 할 수 있는 함수입니다.
function chkword(obj, maxlength) {
var str = obj.value; // 이벤트가 일어난 컨트롤의 value 값
var str_length = str.length; // 전체길이
// 변수초기화
var max_length = maxlength; // 제한할 글자수 크기
var i = 0; // for문에 사용
var ko_byte = 0; // 한글일경우는 2 그밗에는 1을 더함
var li_len = 0; // substring하기 위해서 사용
var one_char = ""; // 한글자씩 검사한다
var str2 = ""; // 글자수를 초과하면 제한할수 글자전까지만 보여준다.
for (i = 0; i < str_length; i++) {
// 한글자추출
one_char = str.charAt(i);
ko_byte++;
}
// 전체 크기가 max_length를 넘지않으면
if (ko_byte <= max_length) {
li_len = i + 1;
}
// 전체길이를 초과하면
if (ko_byte > max_length) {
alert(max_length + " 글자 이상 입력할 수 없습니다. \n 초과된 내용은 자동으로 삭제 됩니다. ");
str2 = str.substr(0, max_length);
obj.value = str2;
}
obj.focus();
}
사용법
- 만약 password를 16글자로 제한하고 싶다?!
<input type="password" name="cm_password2" id="cm_password2" value="" onkeyup="chkword(this,16)">
이런 식으로 onKeyUp 속성에 넣고 원하는 글자수를 파라미터로 주시면 됩니다.
'개발 > JavaScript, jQuery' 카테고리의 다른 글
JavaScript 콤마 제거하는 함수 (0) | 2016.04.18 |
---|---|
JavaScript input 객체에 천단위 콤마찍기 (0) | 2016.04.18 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
TAG
- 앱
- 안드로이드
- jQuery
- 코드
- dependencies
- Android
- 깜빡임
- Google Map
- GOOGLE PLAY
- Google Analytics
- imagesize
- 개발
- comma
- 마커
- zindex
- imageButton
- 개발자
- GoogleAnalytics
- 코드 넣기
- 구글맵
- development
- googlemap
- titlebat
- SyntaxHighlighter
- 소스코드
- Android Studio
- Marker
- JavaScript
- 코드삽입
- play service
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 27 | 28 | 29 | 30 | 31 |
글 보관함