Select JavaScript 驗證教學與範例

請選擇你最喜歡的三種顏色 (最少一項，最多三項)，再按送出驗證按鈕

下列是 JavaScript 程式的內容：

<HEAD>
<script type="text/javascript" language="JavaScript">
function checkIt()
{	x ="" ;  y = 0
	for ( i = 0;  i <= (document.fm.colorFavor.length-1);  i++ )
		{  if(document.fm.colorFavor[i].selected)
			{	x += (document.fm.colorFavor[i].value + " , " )
				y += 1	}
		}
	if (y==0)   {	 alert("你沒有作任何選擇 ! " )
				 return false	}
	else	{	if ( y >= 4 )  {	  alert("你最多可選三項！ ")
						  return false  }
		else {  if (confirm("你選了：" + x + "\n 是否送出資料？") )
					  {  return true  }
				else	  {  return false  }
			}
		}
}
</script>
</HEAD>
<BODY>
<form name=fm method=post action="#" onSubmit="return checkIt()">
<form name=fm method=post action="javascript:alert('恭喜你！\n通過驗證!');" onSubmit="return checkIt()">
<select name="colorFavor" Size="6" multiple>
	<option value="白色"> 白色
	<option value="綠色"> 綠色
	<option value="紅色"> 紅色
	<option value="黃色"> 黃色
	<option value="藍色"> 藍色
	<option value="紫色"> 紫色
</select><p>
<input type=submit value="送出驗證"> <input type=reset value="清除資料">
</form>
</BODY>

本報導資料來源：本資料取自伍新華電腦工作室 - JavaScript - 基礎課程 - 作者：伍新華

本報導內容或資料，因限人力、時間，非教學會員，不接受任何使用上的教學與指導，敬請見諒。

如果你喜歡這篇辛苦蒐集整理出來的報導資料，歡迎原文轉載並註明出處，以示尊重個人智慧財產，謝謝你的合作。

如果你願意於貴站或部落格中介紹本站，歡迎使用複製網頁研習室連結語法，再次感謝你的支持與愛護。

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