現在JavaScriptを勉強してます。

ラジオボタンを選択してもらい、送信ボタンを押すというプログラムです。
ラジオボタンが選択されていない状態で送信ボタンを押す場合に、JavaScriptを使ってエラーメッセージを送信ボタンの下に表示したいと思っています。
別ウインドウでエラーメッセージを出すことは出来たのですが、同じページの中で出すにはどうしたらよいでしょうか。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2006/10/17 17:53:38
  • 終了:2006/10/17 22:22:36

回答(2件)

id:sera_yr No.1

sera_yr回答回数123ベストアンサー獲得回数62006/10/17 18:04:35

ポイント35pt

ダミーhttp://yahoo.co.jp

以下のHTMLを送信ボタンの下に挿入して、

<div id="err_box" style="display:none"></div>

Javascriptの記述に以下の関数を追加して、

function DispError( ErrMsg ) {

var obj = document.getElementById( "err_box" );

obj.style.display = 'block';

obj.innerHTML = ErrMsg;

}

Javascriptのエラーを検知したところで、

DispError( 'エラーメッセージ' );

とすると送信ボタンの下に「エラーメッセージ」が表示されると思います。

id:yoichi111

素早い回答をいただきまして、ありがとうございます。

ソースを参考にさせていただきまして、無事に解決できました。

document.getElementById

innerText

id

の使い方が分かりました!

ありがとうございました!

2006/10/17 22:21:46
id:bankband No.2

bankband回答回数23ベストアンサー獲得回数42006/10/17 19:07:20

ポイント35pt

ダミーURL:http://google.com/

<html>

<head>

<script langurage="javascript">

//送信ボタンがクリックされた時に走る処理

function chkRadio(){

//ラジオボタンのコレクションを取得

var objRadioCol = document.getElementsByName("radio");

for(var i=0;i<objRadioCol.length;i++){

//ラジオボタンのオブジェクトを取得

var objRadio = objRadioCol[i];

//チェックされているか判定

if(objRadio.checked==true){

//チェックされている場合はtrueを返す

return true

}

}

//チェックされていない場合はfalseを返し,submitされないようにする

//その後、エラーメッセージを出力

var objMessage = document.getElementById("message")

objMessage.innerText = "ラジオボタンを選択してください"

return false;

}

</script>

</head>

<body>

<form>

<input type=radio id="radio1" name="radio">radio1<br>

<input type=radio id="radio2" name="radio">radio2<br>

<input type=submit value="送信" onclick="return chkRadio();">

<div id="message"></div>

</form>

</body>

</html>

以上のような内容でどうでしょう?

id:yoichi111

HTMLまで記述していただきまして、ありがとうございます。

ソースを参考にさせていただきまして、無事に解決できました。

document.getElementById

innerText

id

の使い方が分かりました!

ありがとうございました!

2006/10/17 22:21:42

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません