こんにちは。フォームの<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を探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・14歳の自分に衝撃の事実を告げてください
- ・架空の映画のネタバレレビュー
- ・「お昼の放送」の思い出
- ・昨日見た夢を教えて下さい
- ・【お題】絵本のタイトル
- ・【大喜利】世界最古のコンビニについて知ってる事を教えてください【投稿~10/10(木)】
- ・メモのコツを教えてください!
- ・CDの保有枚数を教えてください
- ・ホテルを選ぶとき、これだけは譲れない条件TOP3は?
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
- ・ハマっている「お菓子」を教えて!
- ・最近、いつ泣きましたか?
- ・夏が終わったと感じる瞬間って、どんな時?
- ・10秒目をつむったら…
- ・人生のプチ美学を教えてください!!
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
onClickとsubmitの処理順序
-
手書き入力モードを利用して、...
-
POST時に要素を削除してからPOST
-
Javascriptの"return "について
-
プルダウン 項目が多いので先頭...
-
<JavaScript>tableタグを入力不...
-
ラジオボタンの選択に応じてプ...
-
javascriptでスロットマシン
-
return trueとreturn falseの用...
-
jsで、配列内の文章を改行する...
-
ボタン2回押しを無効にしたい
-
textarea-Aからtextarea-Bに文...
-
ctrl+vを無効にする方法
-
tabindexの取得
-
HTMLのフォーム名とJavaScript...
-
selectで選ばれた値を別ページ...
-
UWSCのIE操作でプルダウンを選...
-
チェックボックスのチェック結...
-
eval()を使わずに数値を取得し...
-
全てのselect要素をデフォルト...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
onClickとsubmitの処理順序
-
フォームの値が0だったら空白...
-
JSPとJavaScriptの連携について...
-
テキストボックス入力を半角英...
-
PDFフォームで条件つき金額を表...
-
日付入力欄の表示形式を自動的...
-
テキストボックスを無効にする...
-
テキストエリアに入力可能な文...
-
javascriptでのフォーム自動入...
-
テキストボックスのグレーアウト
-
dijit.form.ComboBoxについて
-
JQueryで2つのテキストフィー...
-
入力フォーム内の字数制限
-
ラジオボタンによるフォームの...
-
javascriptで入力禁止文字をチ...
-
strutsのhtmlタグのfileについて
-
submit後、同じ入力欄に戻らせ...
-
入力した文字を大文字に変換し...
-
VBScript
-
テキストエリア入力文字数の表...
おすすめ情報