演講嘉賓：現在讓我們來看看 一個網頁，它允許用戶以 註冊的東西，但實際上 包括一些客戶端 驗證他或她的輸入。 

注意這裡，在形式，1.HTML，我有 同樣的形式出現，但我有 添加一個ID屬性到我的表單標籤， 它的值被登記，所以 我有一個ID，通過它我可以 唯一地標識在我的DOM的形式。 現在注意我下面的表單標籤是一個腳本 標籤，這樣很刻意， 我的JavaScript代碼將只執行 一旦表單標籤和它的DOM節點 已被加載。 

裡面的腳本標記通知是 這裡第一行，我宣布 變量調用形式和分配 它的返回值 報價的document.getElementById 引文結束報名。 這是這行代碼，看起來 通過我的DOM，尋找 元件或節點具有唯一 標識符登記，儲存 返回值最終 在這個變量。 

然後我在網上登記的形式顯示事件 處理程序的表單提交， 與form.onsubmit並分配一個 匿名函數，身體的哪 進行到做到以下幾點。 如果表單的領域，他的名字是 電子郵件，有來自用戶的值等於 引用引文沒什麼，那麼我們 要提醒用戶他或她 必須提供他們的電子郵件地址， 我們返回false，這樣的形式 本身沒有提交 註冊點PHP的。 

否則，如果表單有其名字的字段 是密碼，它的值是 報價引文結束，接下來就讓我們嚷嚷 在用戶他或她 必須提供密碼。 再次，返回false，這樣 表單不會提交到 註冊點PHP的。 

另一方面，如果該值的用戶具有 鍵入要叫表單字段 密碼不匹配值， 用戶已規定的形式 字段稱為確認，接下來就讓我們 罵的密碼不用戶 比賽，然後返回false，這樣 表單不會提交到 註冊點PHP的。 

最後，如果不是這種情況，該 表單的輸入協議檢查， 那麼，讓我們大聲喝斥用戶解釋 他或她必須同意條款 和條件，並再次返回false 因此，表單不會提交到 註冊點PHP的。 

否則，如果，沒有這些錯誤有 被做了，讓我們確實返回true 並允許表單提交 註冊點PHP的。 

讓我們來看看這些可能 通過打開現在的錯誤 在網頁瀏覽器中。 http://localhost/form-1.HTML。 這裡是那麼的形式。 讓我們提供什麼。 

您必須提供您的電子郵件地址。 好吧，讓我們至少合作 沿著這些線路。 

你必須提供一個密碼。 好吧，讓我們選擇一個 密碼如丹顏。 密碼不匹配。 啊，我需要合作並提供 同一個詞，深紅色，再次。 

您必須同意條款 和條件。 好吧，現在讓我們檢查框。 最後，噢，我註冊的。