ラジオボタンを選択してもらい、送信ボタンを押すというプログラムです。
ラジオボタンが選択されていない状態で送信ボタンを押す場合に、JavaScriptを使ってエラーメッセージを送信ボタンの下に表示したいと思っています。
別ウインドウでエラーメッセージを出すことは出来たのですが、同じページの中で出すにはどうしたらよいでしょうか。
以下の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( 'エラーメッセージ' );
とすると送信ボタンの下に「エラーメッセージ」が表示されると思います。
ダミー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
の使い方が分かりました!
ありがとうございました!
素早い回答をいただきまして、ありがとうございます。
ソースを参考にさせていただきまして、無事に解決できました。
document.getElementById
innerText
id
の使い方が分かりました!
ありがとうございました!