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;">