網頁表單與驗證的運作方式

本範例改用 type="image" 圖檔 submit.gif 按鈕
您的姓名：
下列為 check() 的 JavaScript 函式的內容：
<HEAD>
<script type="text/javascript" language="JavaScript">
//驗證表單欄位內容是否填寫的函式
function check(){     
//檢查姓名欄位是否填寫      
if (document.myform.name.value=='')  
//如果欄位資料沒有填寫，跳出警告視窗
{            
alert('姓名不能空白!')
//終止傳送表單內資料，並把游標移到指定的欄位內
document.myform.name.focus()        
return false;        
}
//如果欄位資料有填寫，則允許傳送表單資料
return true
}
</script>
</HEAD>
<BODY>
<form action="後端程式與路徑" method="post" name="myform" onSubmit="return check(this);">
您的姓名：<input type="text" name="name" size="10">
<input type="image" name="submit" src="submit.gif">
</form>
</BODY>
本報導內容或資料，因限人力、時間，非教學會員，不接受任何使用上的教學與指導，敬請見諒。
如果你喜歡這篇辛苦蒐集整理出來的報導資料，歡迎原文轉載並註明出處，以示尊重個人智慧財產，謝謝你的合作。
如果你願意於貴站或部落格中介紹本站，歡迎使用複製網頁研習室連結語法，再次感謝你的支持與愛護。

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