
こんにちは。フォームの<TEXTAREA>で入力文字数を制限をする方法を知りたいのですが、解る方がいらっしゃいましたら教えてください。
MAXLENGTHなどは使用できないようでしたので、Javascriptでの制限方法などがあるのかなと思い書き込みさせていただきました。具体的には全角150文字前後に制限したいと思っております。(※前後全角10文字くらいは誤差があってもかまいません。)
サーバーサイドではなくクライアントサイドで動く仕様のものが良いので、こちらに書き込みさせていただきました。よろしくお願い致します。
No.2ベストアンサー
- 回答日時:
さて、以下のJavaScriptでどうでしょうか?
一切の NAME を宣言していませんが、それは向学の為に抜いています。(^^)
まず、変数 char_limit で制限したい文字数を代入しておきます。300にしたいわけですね。違うのかな。以下の試作では、10文字を越えるとエラー(?)表示し、フォーカスを戻しています。無理矢理、ボタンを押してもエラー表示します。文字制限以内であれば、SUBMITします。
<html>
<head>
<script language="JavaScript">
<!--
var char_limit = 10;
function set_limit(that){
if(that.value.length > char_limit){
alert('入力文字数が '+char_limit+'文字を越えました (^^);');
that.focus();
return false;
}
return true;
}
// -->
</script>
</head>
<body>
<form>
<TEXTAREA onBlur='set_limit(this)'></TEXTAREA>
<input type=button value='処理の実行' onClick='if(set_limit(document.forms[0].elements[0])) submit()'>
</form>
</body>
</html>
savignacさん、頑張って下さい。(^^)
親切に回答していただきありがとうございます。時間の都合で上記を実際にまだ試していませんが、勉強してやってみたいと思います。また上記のようなことをやらなければいけないときがあると思いますので・・・。
遅くなりましたが、今回はありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
JSPとJavaScriptの連携について...
-
条件により、リンク先に画面遷...
-
HTMLで入力したものを変数で扱...
-
フォームの<TEXTAREA>で文字数...
-
ラジオボタンによるフォームの...
-
複数の入力欄についての入力チ...
-
getElementsByNameについて
-
ボタン無しでフォーム内容送信
-
ラジオボタンによる内容の振り分け
-
【jQuery】input nameの文字列...
-
submitがおされた同時に JavaSc...
-
<form action="#">の意味とは?
-
ラジオボタンのリセット方法
-
ボタンが押されると同時にデー...
-
ハイパーリンクを別ウインドウ...
-
プルダウンメニューのvalue値を...
-
javascriptで画像の移動
-
一度しか押せないボタンについて
-
現在時刻を表示させたい!
-
jQueryを使った診断チェックシート
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
onClickとsubmitの処理順序
-
条件により、リンク先に画面遷...
-
JSPとJavaScriptの連携について...
-
Webブラウザにてページのりロー...
-
日付入力欄の表示形式を自動的...
-
javascriptで入力フォームが空...
-
フォームの値が0だったら空白...
-
メールフォームの入力確認(チ...
-
txtbox「確認用メール」へのペ...
-
JavaScriptを使って、整合する方法
-
イベント発生時に入力待ち状態...
-
Javascriptで同じ数字を2回打...
-
javascriptの勉強中です
-
テキストボックス入力を半角英...
-
入力欄の消去方
-
vbsでフォームに値を入力できない
-
文末の改行コードを削除したい
-
フォームの表示が消えてしまう...
-
フォームから入力すると、入力...
-
Javascriptが機能せず原因が分...
おすすめ情報