アクセス向上大失敗 www.igros.net
Last updated 2004/8/18
コメントバック 対応

例えば入力フォームの文字数をチェックしアラート表示する方法 -ちょいテク JavaScript-

トップページ > 初心者向け小技の部屋 > ちょいテク JavaScript > 例えば入力フォームの文字数をチェックしアラート表示する方法
[PR]特集 Amazon.co.jp レコメンドコンテンツ



>> まずはサンプルを見る

1.送信クリックでテキストエリア(ご感想)の入力文字数が11文字以上だったら警告し送信しない
<SCRIPT LANGUAGE="JavaScript">
<!--
function length_check() {
 len = document.EX.COMMENT.value.length;
 if (len > 10) {
  alert("ご感想入力文字数が10文字を超えています!");
  return (false);
 }
}
// -->
</SCRIPT>

<form name="EX">
ご感想(10文字以内)<br>
<textarea cols="10" rows="3" name="COMMENT"></textarea><br>
<input type="submit" value="送信" onClick="return length_check()"><br>
</form>

2.送信クリックでテキストエリアの合計(お名前+ご感想)入力文字数が21文字以上だったら警告し送信しない
<SCRIPT LANGUAGE="JavaScript">
<!--
function length_check() {
 len1 = document.EX.NAME.value.length;
 len2 = document.EX.COMMENT.value.length;
 len = len1 + len2;
 if (len > 20) {
  alert("お名前+ご感想入力文字数の合計が20文字を超えています!");
  return (false);
 }
}
// -->
</SCRIPT>

<form name="EX">
お名前<br>
<input type="text" size="10" maxlength="20" name="NAME"><br>
ご感想<br>
<textarea cols="10" rows="3" name="COMMENT"></textarea><br>
<input type="submit" value="送信" onClick="return length_check()"><br>
</form>

補足
警告メッセージ内に実際の入力文字数を表示する場合は、
alert("メッセージ")のメッセージ部分を以下のようにすれば可能です。

Mesge="ご感想入力文字数が10文字を超えています!\n入力された文字数は" + len + "です";
alert(Mesge);


<<<< トップ <<< テーマトップ << サブテーマトップ < 前頁次頁 >
入力フォームのカーソル位置を任意に決める方法 >>

www.igros.net
[PR]特集 Amazon.co.jp レコメンドコンテンツ



Copyright(C) アクセス向上大失敗 All Rights Reservd.
version2.0