textareaはmaxlengthの設定ができません。（HTML5からは可能みたいですが）
maxlength pluginなんていうのもありますが、日本語だとちょっと動きがヘンみたい。
そこで、jQuery inline Form Validation Engineを使って、submitボタンが押されたときに文字数チェックするようにしてみます。
このpluginは、class="validate[length[0,10]]"と書くと文字数チェックをしてくれるはずなんですが、textareaの場合うまく機能しません。
そこで、関数を定義して呼び出すようにします。
<head>
<script language="JavaScript">
$(function(){
$("#form1").validationEngine();
});
function checklength(field, rules, i, options){
var maxlength = field.attr('maxlength');
var val = field.val();
if (val.length > maxlength) {
return "文字が多すぎます。（" + maxlength + "文字まで）";
}else{
return;
}
}
</script>
</head>
<body>
<form id="form1">
<textarea name="comment" id="comment" maxlength="4000" class="validate[funcCall[checklength]]"></textarea>
<input type="submit" />
</form>
</body>
textareaでmaxlengthチェック
posted on 2013/03/29
in
HTML
登録:
コメントの投稿 (Atom)
