IE 與 Firefox 對 Radio 及 Select 的驗證範例

請選擇性別及聯絡時間,再按送出驗證按鈕
請分別使用IE 與 Firefox 瀏覽器測試 - 這個 Firefox 不行
性  別: 男 
聯絡時間:
下列是 JavaScript 程式的內容:
<HEAD>
<script type="text/javascript" language="JavaScript">
function check(theForm) {
//判別 Radio 是否選取
   if(!((document.theForm.sex(0).checked)||(theForm.sex(1).checked))){
      alert("您還沒有選擇性別喔!");
      return false;
   }
//判別 Select 是否選取
  if (document.theForm.contime.value == "0")
  {
      alert("您還沒選擇\n希望聯絡時間呢?");
    document.theForm.contime.focus();
    return (false);
  }
  return true;
}
</script>
</HEAD>
<BODY>
<form name=theForm method=post action="javascript:alert('恭喜你!\n通過驗證!');" onSubmit="return check(this)">
性  別: <input type=radio name="sex" value="男">男 <input type=radio name="sex" value="女">女<br>
聯絡時間:<select size="1" name="contime">
<option value="0" selected>請選擇時間</option>
<option value="早上">早上</option> 
<option value="下午">下午</option> 
<option value="晚上">晚上</option> 
<option value="列假日">列假日</option> 
<option value="任何時段">任何時段</option> 
</select><br>
<input type=submit value="送出驗證"> <input type=reset value="清除資料">
</form>
</BODY>
本報導資料來源:本資料取自網頁研習室 - HTML教學 - 作者:李文能
本報導內容或資料,因限人力、時間,非教學會員,不接受任何使用上的教學與指導,敬請見諒。
如果你喜歡這篇辛苦蒐集整理出來的報導資料,歡迎原文轉載註明出處,以示尊重個人智慧財產,謝謝你的合作。
如果你願意於貴站或部落格中介紹本站,歡迎使用複製網頁研習室連結語法,再次感謝你的支持與愛護。

請按瀏覽器的檢視原始碼查看