プロが教えるわが家の防犯対策術！

入力フォーム内の字数制限

解決済

  • 質問者：uoriki
  • 質問日時：
  • 回答数：6件

400字以内の作文を打って送ってもらおうと思い、
入力フォームを作ろうとしたのですが、
どの本にも文字数制限の事が載っていなくて困っています。

どなたかご存じな方、お教え願えないでしょうか？
どうぞよろしくお願い致します。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (6件)

No.6ベストアンサー

  • 回答者： 665
  • 回答日時：

送信しようとした際に文字数チェックを行うものです。


最大文字数を越えていた場合は、送信できないようになっています。

フォーム

<form action="***" method="post" onsubmit="return checkForm(this)">
<p><input type="submit" value="送信"></p>
<p><textarea name="input1"></textarea></p>
</form>


JavaScript

<script type="text/javascript>
<!--
function checkForm(obj) {
var maxLen = 400;// 最大文字数
if (obj.input1.value.length > maxLen) {
alert(maxLen + "文字以内で入力してください。");
return false;
}
else {
return true;
}
}
//-->
</script>


また、改行文字を無視するならこのようになります。

<script type="text/javascript>
<!--
function checkForm(obj) {
var maxLen = 400;// 最大文字数
if (obj.input1.value.replace(/\r|\n/g, "").length > maxLen) {
alert(maxLen + "文字以内で入力してください。");
return false;
}
else {
return true;
}
}
//-->
</script>


一応言っておくと、JavaScriptを無効にすれば何文字でも送信できるので、必ずCGI側でもチェックを行うようにしてください。
    • good
    • 0
    • 件
通報する
この回答へのお礼

とても詳しい解説とソースをありがとうございます。
力不足なりに目指していた高き目標は、まさに、665さまが教えて下さった「最大文字数を越えていた場合は、送信できない」というものでしたが、 CGIのチェックをしなければならないのは…全くわからないので残念です。これからは CGIの勉強を少ししようと思います。

この場をおかりして、みなさん本当にどうもありがとうございました！

通報する
お礼日時：2005/08/03 00:24

No.5

  • 回答者： kesokeso
  • 回答日時：

syonepさんのようにHTMLでmaxlengthで制御するとよいと思います。


<input type="text" size="30" maxlength="400">

注意点として全角や半角、そして環境によってばらける、というのがありますが(参考URL)

参考URL：http://www.phoenix-c.or.jp/~zspc/cgi-bin/wwwlng. …
    • good
    • 0
    • 件
通報する

No.4

  • 回答者： kesokeso
  • 回答日時：

syonepさんのようにHTMLでmaxlengthで制御するとよいと思います。


<input type="text" size="30" maxlength="400">

注意点として全角や半角、そして環境によってばらける、というのがありますが(参考URL)

参考URL：http://www.phoenix-c.or.jp/~zspc/cgi-bin/wwwlng. …
    • good
    • 0
    • 件
通報する
この回答へのお礼

参考URLどうもありがとうございます。
CGIもASPも全く知識がないのですが、とりあえずみなさまがご助言してくださったMaxLengthをもう少し自分なりに調べて使ってみようと思っています。

通報する
お礼日時：2005/08/03 00:27

No.3

  • 回答者： cookei
  • 回答日時：

テキストエリアの文字数チェックはＪａｖａＳｃｒｉｐｔ側で行場合が多いです。



↓-----------------------------------------

<html>
<head>
<script language="javascript">
<!--
function checkLength() {
var intMaxLength = 400;
if (eval(document.form1.input1.value.length) > intMaxLength) {
alert(intMaxLength + "字以下で入力してください。");
document.form1.input1.focus();
}
}
-->
</script>
</head>
<body>
<form name="form1">
<textarea name="input1" rows="5" onblur="checkLength();"></textarea>
</form>
</body>
<html>
    • good
    • 0
    • 件
通報する
この回答へのお礼

ソースを打っていただきまして感謝します！
入力フォームのかたちは、Perl（？）だったりCGIを使ったりいろいろあることがなんとなくわかってきてJavaScript で大丈夫なのかな？　と思い始めていたので、安心しました。
どうもありがとうございました。

通報する
お礼日時：2005/08/03 00:07

No.2

  • 回答者： Gimli
  • 回答日時：

作文なので、テキストエリアを使用しますよね。


↓これはどうでしょう。
http://www.openspc2.org/reibun/javascript/form_t …

参考URL：http://www.openspc2.org/reibun/javascript/form_t …
    • good
    • 0
    • 件
通報する
この回答へのお礼

こんなHPがあるのですね。
初心者の私は、ちょっと難しいと思ってしまいましたが、とても参考になりました。
どうもありがとうございました☆

通報する
お礼日時：2005/08/02 23:57

No.1

  • 回答者： syonep
  • 回答日時：

<input type="text" max=800>


じゃだめですか？
    • good
    • 0
    • 件
通報する
この回答へのお礼

お早い回答をどうもありがとうございました。
JavaScriptは初心者なので、助かりました。

通報する
お礼日時：2005/08/02 23:49

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報