본문 바로가기

Javascript/jQuery

input 박스 길이제한

요즘은 maxlength를 이용하여 간단히 길이 제한이 가능하다. 하지만 가끔씩 alert으로 안내를 해주기 바라는 분들이 계시다. 그래서 전에 만들었던 소스를 찾아서 다시 가져왔다.


$('#keyword').bind('keyup',function(e){

if($('#keyword').val().length>10){

alert('키워드는 10자 이내로 입력 가능합니다.');

$('#keyword').val($('#keyword').val().substr(0,10));

}

});


input 박스에 10자 이상 들어가면 alert을 띄우고 10자를 잘라서 넣어준다. 참고로 한글도 1글자로 처리된다. 이건 한글을 고려하려면 몇가지 함수가 추가로 필요하다. 단지 문제가 한글이 잘릴 수도 있으니... 구조는 많이 바뀌어야하겠다. 깔끔하게는 처리가 어려우니 패스...

'Javascript > jQuery' 카테고리의 다른 글

input 박스에 숫자만 입력하기  (1) 2016.08.17
jQuery Attributes vs. Properties  (0) 2016.02.15
타이머 만들기  (0) 2013.03.12
달력 만들기  (0) 2013.01.17
단축키를 눌러 특정위치로 이동  (0) 2012.11.22