JS 글자수 체크(공백포함, 제외) 및 언어 옵션 설정

 

 

 

 

글자수 체크하기

 

<textarea style="width:600px;" class="DOC_TEXT" name="DOC_TEXT" placeholder="선택하신 서류사항 항목에 대한 내용을 200자 이내로 기재해주세요.">
</textarea>
<br />
<span style="color:#aaa;" id="counter">(0 / 최대 200자)</span>

// textarea 체크
$('.DOC_TEXT').keyup(function (e){
    var content = $(this).val(); //입력한 것
    $('#counter').html("("+content.length+" / 최대 200자)");  //글자수 카운팅

    if (content.length > 200){ //200자 이상일 때
        alert("최대 200자까지 입력 가능합니다.");
        $(this).val(content.substring(0, 200)); //넘어간 글자 자르기
        $('#counter').html("(200 / 최대 200자)");
    }
}); 

 

 

 

 

특정 문자 반복 횟수 체크

 

특정 문자가 얼마나 반복되는 지 세는 법은 아래와 같습니다. 아래는 정규식을 사용한 예입니다.

var temp = "This is a string.";
var count = (temp.match(/is/g) || []).length;
alert(count);

//https://hashcode.co.kr/questions/1434/%ED%8A%B9%EC%A0%95%EB%AC%B8%EC%9E%90%EA%B0%80-%EC%96%BC%EB%A7%88%EB%82%98-%EB%B0%98%EB%B3%B5%EB%90%98%EB%8A%94%EC%A7%80-%EC%84%B8%EB%8A%94%EB%B2%95

 

 

 

 

공백제외 글자수 체크하기

 

<form>
	<input type="text" id="newText" onkeyup="checkLength(this)">
</form>
<div class="LengthCheck">
	<div>띄어쓰기 제외 : <span class="extrablank">0</span> 자</div>
</div>

// 한글 글자수 체크 함수
function checkLength(str) {
	var redex = /\s/ig;
	var extrablank = $(str).val().toString().replace(redex, "").length;
	$(".extrablank").text(extrablank); //결과물이 보여질 부분
}

 

 

 

입력하는 란의 언어 설정

 

아래와 같이 입력하면 입력폼의 기본값은 한글입니다. ime-mode의 옵션은 active(한글), inactive(영문), auto(선택된 mode 적용), disabled(영문만 입력 가능)이 있습니다.

 

<input type="text" style="ime-mode:active;">