-PR-
締切り
済み

フォームテキストエリアの文字制限について

  • 困ってます
  • 質問No.56340
  • 閲覧数2311
  • ありがとう数6
  • 気になる数0
  • 回答数4
  • コメント数0

お礼率 100% (6/6)

**
どなたか分かる方、教えてください。

フォームのテキストエリア(複数行の)で、

1.入力できる文字数を制限したい(200文字とか)
2.テキストエリアの右側に出てくるスクロールバーを消したい

・・・のですが、出来そうなのに、私にはできません。

cgiは使えない環境です。
あとはどんな方法もOKです。
何か方法がありますか?

---------
くろぶた
通報する
  • 回答数4
  • 気になる
    質問をブックマークします。
    マイページでまとめて確認できます。

回答 (全4件)

  • 回答No.2
レベル10

ベストアンサー率 41% (52/125)

下記要領で、文字数のチェックをしてはどうでしょう。(10文字で制限した例) ただ、CGIが 使えない環境で、入力文字数を制限するというのは? メールかなにかで送るのでしょうか? ----- begin cut here ----- <html> <head> <script language="JavaScript"> <!- ...続きを読む
下記要領で、文字数のチェックをしてはどうでしょう。(10文字で制限した例)
ただ、CGIが 使えない環境で、入力文字数を制限するというのは?
メールかなにかで送るのでしょうか?

----- begin cut here -----
<html>
<head>
<script language="JavaScript">
<!--
function up_check(){
if(document.upload.comment.value.length >10){
alert("文字がおおすぎじゃん?");
return false;
}
return true;
}
//-->
</script>
<title>たいとる</title>
</head>
<body>
<form method="POST" action="./hoge.html" name="upload" onsubmit = "return up_check()">
<textarea name="comment" rows="8" cols"25"></textarea>
<input type="submit" name="chk" value="送信">
</form>
</body>
</html>
----- end cut here -----
お礼コメント
blackpig

お礼率 100% (6/6)

ryouchiさんありがとうございました。
ちゃんとアラートでました。
一歩前進です。
できれば、テキストエリアは、
●●文字×●●行、と決めてしまって、
それ以上は改行しようがどうだろうが、文字を受け付けないようにしたいです。
(現在の状態は、とりあえず、送信する前まではどんどん文字が入る)
なにかよい方法あれば教えてください。
くろぶた
投稿日時 - 2001-03-27 17:39:47
  • 回答No.4
レベル8

ベストアンサー率 45% (9/20)

スクロールバーに関しましては <TEXTAREA ROWS="10" COLS="30" WRAP="hard"> っていう風に[WRAP]を付けるとうまくいくと思いますよ。 *参考* WRAP="hard" = 横幅いっぱいまで記入したら自動改行 WRAP="soft" = 表示 ...続きを読む
スクロールバーに関しましては
<TEXTAREA ROWS="10" COLS="30" WRAP="hard">
っていう風に[WRAP]を付けるとうまくいくと思いますよ。

*参考*
WRAP="hard" = 横幅いっぱいまで記入したら自動改行
WRAP="soft" = 表示上は自動改行するが実際の送信データは改行されない
WRAP="off" =自動改行しない
お礼コメント
blackpig

お礼率 100% (6/6)

karoyoさん、ありがとうございました。
お礼が遅くなりすみません。
同じようにやってみたのですが、
どうしてもテキストエリア右側のスクロールバーが消えません。
いろいろやってみます。
ありがとうございました。

くろぶた
投稿日時 - 2001-04-05 16:47:49
  • 回答No.1

1. JavaScriptで文字数をカウントする。 2. テキストエリアを大きくする 以上です。 ではでは☆ ...続きを読む
1. JavaScriptで文字数をカウントする。
2. テキストエリアを大きくする

以上です。
ではでは☆
お礼コメント
blackpig

お礼率 100% (6/6)

Kanataさん、ありがとうございました。
1のJavaはなんとかなりそうなのですが、
2の方はテキストエリアを大きくしても、私の環境ではスクロールバーが出っぱなしです。
いろいろ試してみます。
くろぶた
投稿日時 - 2001-03-27 17:35:09
  • 回答No.3
レベル10

ベストアンサー率 41% (52/125)

----- begin cut here ----- <html> <head> <script language="JavaScript"> <!-- function up_check(){ if(document.upload.comment.value.length >10){ alert("文 ...続きを読む
----- begin cut here -----
<html>
<head>
<script language="JavaScript">
<!--
function up_check(){
if(document.upload.comment.value.length >10){
alert("文字がおおすぎじゃん?");
return false;
}
return true;
}

function pCheck(){
if(document.upload.comment.value.length > 10){
alert("文字がおおすぎじゃん?");
return false;
}
return true;
}
//-->
</script>
<title>たいとる</title>
</head>
<body>
<form method="POST" action="./hoge.html" name="upload" onsubmit = "return up_check()">
<textarea name="comment" rows="10" cols"50" onKeyDown "JavaScript:pCheck();//"></textarea>
<input type="submit" name="chk" value="送信">
</form>
</body>
</html>
----- end cut here -----
で、どうでしょう?
onKeyDownはキーを入力したらイベント発生ってかんじです。
up_check()も残しているのは、コピー・ペーストで入力されたとき用です。
どうかしら?
お礼コメント
blackpig

お礼率 100% (6/6)

ryouchiさん、ありがとうございます。
暫く出かけていたので、お礼が遅くなってすみませんでした。
ばっちりアラートはでるのですが、
どうも、思い描いているものと違います。
うーん。
もっと勉強します。
投稿日時 - 2001-04-05 16:36:16
このQ&Aで解決しましたか?
関連するQ&A
-PR-
-PR-
こんな書き方もあるよ!この情報は知ってる?あなたの知識を教えて!
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する
-PR-
-PR-
-PR-

特集


いま みんなが気になるQ&A

関連するQ&A

-PR-

ピックアップ

-PR-
ページ先頭へ