人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

●質問者: yoichi111
●カテゴリ:コンピュータ
✍キーワード:JavaScript ウインドウ エラーメッセージ プログラム ボタン
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● sera_yr
●35ポイント

ダミー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( 'エラーメッセージ' );

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

◎質問者からの返答

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

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

document.getElementById

innerText

id

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

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


2 ● bankband
●35ポイント

ダミー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>

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

◎質問者からの返答

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

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

document.getElementById

innerText

id

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

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ