jQuery テキストエリアの長さ検証_jquery

textarea 属性を拡張し、jquery.validate.js と組み合わせて、フォームの送信時に textarea の長さを確認します。
1.テキストエリアの長さを確認するための jQuery プラグイン

コードをコピー コードは次のとおりです:

//テキストエリアの長さを確認します
jQuery.fn.checkLength = function(parameters) {
defaults = {
min: 0
, max: 5
}
jQuery .extend(defaults,parameters);
//現在のテキストエリアの値
var taValue = $(this).val();
var len = taValue.length; >=defaults.max) {
$(this).parent().append(showLengthError("max")).show();
window.setTimeout(function() {
$( ".lenError ").hide();
return
} else if (len
$(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 参照を追加します:

例:
ページ内

テキストエリアの長さを確認ボタンイベントがトリガーされると、textareaの長さを判断できます。

コードをコピー コードは次のとおりです:$("#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: submit form
}


min パラメーターと max パラメーターの両方に値を渡す必要はありません。デフォルトの最小長です。は 0 で、最大長は 10 です。textarea が必須項目でない場合、最小値には -1 が割り当てられます。
最後に、ブール値を返すことによって操作が実行されます。