|
>> まずはサンプルを見る
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);
<<<< トップ <<< テーマトップ << サブテーマトップ < 前頁 │次頁 >
入力フォームのカーソル位置を任意に決める方法 >>
|