テキストフィールド未入力の場合アラートを出したい。

解決済

質問者：junjul
質問日時：2005/06/13 16:14
回答数：3件

教えて下さい。

２つのテキストフィールドのどちらかを入力しないとアラートが出るようにしたいのですが、どうしたらよいのでしょうか？

よろしくお願いします。

通報する

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

質問の本文を隠す

回答 (3件)

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

No.3ベストアンサー

回答者： EUR
回答日時：2005/06/14 10:35

大丈夫です。

厳密に言うと、閲覧するブラウザを選ばないために、下記のようにするとモアベターです。
if (( document.forms['theForm'].elements['テキストフィールド名１'].length .length == 0) &&　…

- 0
- 件

通報する

この回答へのお礼

何度も丁寧に教えていただきありがとうございました。
おかげさまで、無事ページ作成でき、ほっとしています。
お世話になりました。

通報する

お礼日時：2005/06/14 11:18

No.2

回答者： EUR
回答日時：2005/06/14 09:12

テキストフィールドの指定は何でやっていますか？

<input type="text" name="aaa">のようにnameですか？
<input type="text" id="bbb">のようにidでしょうか？

nameの場合のテキストフィールドの値を取得するには、
document.getElementsByName("aaa")[0].valueや
IE限定でよければ
document.all.aaa.valueで取得できます。

Idの場合は
document.getElementById("bbb").valueや
IE限定でよければ
document.all.bbb.valueで取得できます。

左下に出てきたエラーの黄色いアイコンをダブルクリックして、詳細情報を表示することができますので、内容を提示していただけないでしょうか？

また、テキストフィールドを３つにしたいとのことですが、if分の条件を３つにすればいけます。

以下に例を載せます
<HTML>
<head>
<script language="javascript">
function CheckValue() {
if ((document.getElementById("text_box").value.length == 0) && (document.getElementById("text_pass").value.length == 0) && (document.getElementById("text_area").value.length == 0))//３つの内容をチェック
{
　　alert("入力がありません！！！");
}
}
</script>
</head>
<body>
<input type="text" name="text_box" id="text_box" value="">
<input type="password" name="text_pass" id="text_pass" value="">
<textarea name="text_area" id="text_area"></textarea>
<input type="button" value="check" onClick="CheckValue()">
</body>
</HTML>

- 0
- 件

通報する

この回答へのお礼

再回答ありがとうございます。
テキストフィールドの指定はnameでしています。
下記のようにしたら一応動作はしているみたい？です。
（アラートが出ました）

<SCRIPT LANGUAGE="JavaScript">
function checkInput(theForm){
if (( theForm.テキストフィールド名１.value.length == 0) && ( theForm.テキストフィールド名２.value.length == 0) && ( theForm.テキストフィールド名３.value.length == 0))
{alert ("入力がありません！");　return false;}
return true
}
</SCRIPT>

これであっていますでしょうか？

通報する

お礼日時：2005/06/14 10:11

No.1

回答者： EUR
回答日時：2005/06/13 16:50

テキストフィールドの入力の取得は以下のような方法で取得できます。

IDが振ってある場合：
document.getElementById("テキストフィールドのID").value

Nameが振ってある場合：
document.getElementsByName("テキストフィールドのName").value

IE限定：
document.all.テキストフィールドのIDまたはName.value

この値のlengthを調べることで入力があったかどうかを判定することができます。

例、
if ((document.getElementById("テキストA").value.length == 0) && (document.getElementById("テキストB").value.length == 0)) //テキストA・テキストBともに空
{
　　alert("入力がありません！！！");
}

- 0
- 件

通報する

この回答へのお礼

回答ありがとうございます。
試してみたのですが、動作しませんでした。
（アラートが出ず、ウィンドウの左下に「ページでエラーが発生しました」と表記されました）
ところで、初めは２つのテキストフィールドでと考えていたのですが、これを３つのテキストフィールドにする必要が出てきました。
３つの場合はどうしたらよいのかご存知でしょうか？
ご存知でしたら、ご教授お願いします。

通報する

お礼日時：2005/06/14 00:13

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