JavaScriptで入力チェックをしたい。

解決済

質問者：eccschool
質問日時：2006/08/07 15:30
回答数：3件

送信ボタンを押すとJavaScriptが起動して空欄の項目を指摘してくれるのはどんな感じで書くんでしょうか？教えて下さい。

通報する

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

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.3ベストアンサー

回答者： noname#23059
回答日時：2006/08/08 14:39

簡単に書きます。

<html>
<head>
<title>タイトル</title>
<script language="JavaScript">

</script>
</head>
<body>
<form name="frmMain" action="" method="post">
<input type="text" name="txtID" maxlength="10" value="">
<input type="button" name="btnOK" value="送信" onClick="doAction(this.form)">
</form>
</body>
</html>

ボタンのクリックでJavaScriptの関数を呼び出します。
ここでは、この時にフォームを引数で渡してます。
関数内で、テキストのvalueをチェックしてます。

空白で無かった場合、アクションを設定してサブミットしてます。
アクションは最初からform内に書いててもOKです。

- 0
- 件

通報する

No.2

回答者： yambejp
回答日時：2006/08/07 16:41

とりあえず、テキストの抜けだけでしたら以下のような感じで。

一定の条件をつけたりする場合は、classをつかったりすると
よいでしょう。
なんどかこの掲示板でもネタがあがっているので
検索してみるとよいでしょう。

ようは、formで要素一つ一つを検証して、問題があったら
falseを返し、大丈夫ならtrueを返す。
それをformのonSubmitで受けるとだめなら次のページに
いかない、よければ次のページにいくというフローですね。

<script language=javascript>
function check(f){
for(var i=0;i<f.length;i++){
if (f[i].type=="text" && f[i].value==""){
alert(f[i].title+"が空欄です");
f[i].focus();
return false;
}
}
return true
}
</script>
<form action="hoge.htm" method="get" onSubmit="return check(this)">
氏名：<input type="text" name="name" title="氏名"><br>
住所：<input type="text" name="address" title="住所"><br>
Eメール：<input type="text" name="email" title="Eメール"><br>
<input type="submit" value="送る">
</form>