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

0
0
이 글을 페이스북으로 퍼가기 이 글을 트위터로 퍼가기 이 글을 카카오스토리로 퍼가기 이 글을 밴드로 퍼가기

HTML/CSS/기타

번호 제목 글쓴이 날짜 조회수
46 JS 글자수 체크(공백포함, 제외) 및 언어 옵션 설정 관리자 09-02 109
45 web chart - 실시간 차트 관리자 07-25 174
44 비동기 프로그래밍 관리자 07-25 149
43 table thead 고정과 tbody 스크롤 관리자 07-23 188
42 datepicker 사용하여 공휴일 직접 지정하기 관리자 06-11 251
41 Dropzone - 이미지 & 파일 업로드 (드래그 앤 드롭) 라이브러리 관리자 03-06 436
40 JSPDF 사용법(Javascript pdf) 관리자 03-04 602
39 FullCalendar(풀캘린더) 어거지 사용법 관리자 01-25 627
38 JQUERY - id가 여러개인데 한번에 찾고 싶을때! ${} 관리자 12-28 464
37 [CSS] 가로 스크롤 구현하기 관리자 12-27 592
36 JCROP을 이용한 업로드한 크롭( CROP ) 하기 관리자 12-27 543
35 제이쿼리 - 모달 다이아로그 및 여러 알림창들 관리자 12-21 295
34 Javascript/jQuery 이미지 회전 돋보기 관리자 11-07 642
33 Resolving the Issue of Fakepath in JavaScript 관리자 10-26 328
32 div 및 요소 화면 중앙에 위치시키기 관리자 10-21 360
31 [Jquery] 체크박스 전체 체크 , 해제 하는 방법 관리자 10-19 360
30 display 스타일 속성 사용하여 행 숨기기/보이기 관리자 09-16 701
29 자주 사용하는 비주얼 스튜디오 코드(Visual Studio Code, VSC, vscode) 단축키 정리 관리자 09-14 782
28 div 2개 나란히 정렬하는 방법 관리자 09-09 532
27 HTML, CSS - 헤더컬럼 고정형 table 구성하기 관리자 09-06 411