jQuery 텍스트 영역 길이 확인_jquery

textarea 속성을 확장하고 jquery.validate.js와 결합하여 양식을 제출하는 동안 텍스트 영역의 길이를 확인하세요.
1.jQuery 텍스트 영역 길이 확인을 위한 플러그인

코드 복사 코드는 다음과 같습니다.

//텍스트 영역 길이 확인
jQuery.fn.checkLength = function(parameters) {
defaults = {
min: 0
, max: 5
}
jQuery .extend(기본값, 매개변수);
//현재 텍스트 영역의 값
var taValue = $(this).val()
var len = taValue.length; >= defaults.max) {
$(this).parent().append(showLengthError("max")).show()
window.setTimeout(function() {
$( ".lenError ").hide();
}, 5000);
return false
} else if (len <= defaults.min) {
$(this).parent( ).append (showLengthError("min"));
window.setTimeout(function() {
$(".lenError").hide();
},
return false;
} else {
return true;
}
//todo: 키보드 입력이 올바른 범위 내에 있으면 프롬프트를 제거합니다.
}

댓글 : 1) 매개변수 전달:
defaults = {
min: 0
, max: 5
}
을 사용하여 최소값과 각각 텍스트 영역의 최대 길이입니다.
2) 반환 값
true: 확인 길이 통과
false: 확인 길이 실패
2. 사용 지침:
페이지에 js 참조 추가:

예:
페이지

텍스트 영역 길이 확인 Triggered 를 사용하면 텍스트 영역의 길이를 판단할 수 있습니다.

코드 복사 코드는 다음과 같습니다.

$("#chklen").click (function( ){

var bool = $("#txtContent").checkLength({
min : -1
,max: 10
});
if(bool){
Alert(bool);
}
})


양식에 텍스트 영역이 있는 경우 양식을 제출할 때 확인하고, 조건이 충족됩니다.

다음 예:

코드 복사 코드는 다음과 같습니다.

// 테스트 영역 길이가 제한을 초과하는지 확인

var ckContent = $("#txtContentIntro").checkLength({
min : -1 //비어 있는지 판단하지 않음
,max: 512 / /최대 길이 512
}) ;
// 양식 검증
var b = $("#fcourseware").valid()
// 업로드 성공 후 코스웨어 정보 저장
if (b && ckContent ) {
// todo: 제출 양식
}


min 및 max 매개변수 모두 기본 최소 길이 값을 전달할 필요가 없습니다. 는 0이고 최대 길이는 10입니다. textarea가 필수 항목이 아닌 경우 최소값은 -1로 지정됩니다.

마지막으로 bool 값을 반환하여 작업이 수행됩니다.