仕事でお客様向けのアンケートサイト作成しております。
そのサイトではテキストボックスで自由に回答してもらう質問と
ラジオボックスで選択肢の中から選んでもらう質問があります。
上司からの指示で、回答が行われていない質問があった状態で
送信ボタンを押しても回答内容が送信されず、
赤文字でエラーメッセージを表示させる仕組みを作りました。
上司が自分のiPhoneでエラーが表示されるか確認したところ
ラジオボックスの質問を回答しなかったときに
エラーが表示されないと指摘されました。
テキストボックスのエラー表示はしっかり表示されたようです。
PC(WindowsやMac)やAndroidでは
ラジオックスの質問のエラー表示はしっかりと出ました。
以前にもiPhoneだけで不具合が起きる事象がありました。(すでに解決済み)
性別を聞く質問のラジオボックスのhtmlとJavascriptの記述を書きますので
何か手がかりがあれば教えていただけませんでしょうか。
●htmlの記述
<ul class="profile"> <span><p class="profile">2. 性別</p></span> <p id="notice-sex" style="display: none; color: red;"></p> <div class="answer"> <input type="radio" id="sex" name="性別:" value="男性" class="male">男性 <input type="radio" id="sex" name="性別:" value="女性" class="female">女性 </div> </ul>●Java Scriptの記述
<script type="text/javascript"> <!-- function chkForm(){ var flag = 0; var sex = document.MAINFORM.sex.value; if ( sex == "" ){ flag = 1; document . getElementById( 'notice-sex' ) . innerHTML = "※性別を選択してください。"; document . getElementById( 'notice-sex' ) . style . display = "block"; }else{ document . getElementById( 'notice-sex' ) . style . display = "none"; } if( flag ){ window . alert( '入力内容に不備があります。' ); return false; }else{ return true; } } // --> </script>
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。