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

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

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