網頁表單與驗證是如何運作?

由於網路上各家網址變動很快,如無法鏈結,請試試別的網站並請 回報失連網址給我。
在學習本報導前,建議你應該先初步瞭解網頁表單 (Forms) 的架構與有那些功能?
表單運作方式:網頁表單下一步驟送至網站虛擬主機下一步驟由 CGI 程式處理下一步驟交回主機下一步驟傳回處理結果
如果你不是很瞭解甚麼是 JavaScript ?這裡有一篇 JavaScript - 基礎課程,請參考其中第 13 章 Form and validation
另一篇很不錯的 JavaScript - 教學課程,本教學分成 7 篇,由淺入深教授 JavaScript 的基本語法,值得你參考一下
onSubmit 事件處理器,是專門為表單資料被傳送或送交伺服器端之前的確認動作而設計!
onSubmit 事件處理器必須放在表單開始標籤 <FORM ...> 之內
當訪客按下 submit(送出) 按鈕時,就會觸發 onSubmit 事件處理器來呼叫 check() 的 JavaScript 函式
這時候,表單內的資料將會先送交 check() 的 JavaScript函式
注意:本範例 type="submit" 使用標準按鈕 ...
注意:本範例改用 type="image" 圖檔 submit.gif 按鈕 ...
注意:本範例 type="submit" 改用為一般 Button 按鈕 ...
這是 w3school.com.cn 對 onsubmit 事件的解說,onsubmit 事件會在表單中的確認按鈕被點擊時發生
注意:本範例當你點擊按鈕時,會顯示一個你輸入值的對話框(可自己編輯內容) ...
一篇國外(英文)很不錯的 JavaScript - Form and form Validation 範例,值得你參考一下
一篇國外(英文)很不錯的 JavaScript - 教學課程,列出各種 JavaScript FAQ,值得你參考一下
本報導內容或資料,因限人力、時間,非教學會員,不接受任何使用上的教學與指導,敬請見諒。
如果你喜歡這篇辛苦蒐集整理出來的報導資料,歡迎原文轉載註明出處,以示尊重個人智慧財產,謝謝你的合作。
如果你願意於貴站或部落格中介紹本站,歡迎使用複製網頁研習室連結語法,再次感謝你的支持與愛護。
版權所有 - 網頁研習室 - 李文能于 101 年 02 月 29 日整理