1 00:00:00,000 --> 00:00:00,430 2 00:00:00,430 --> 00:00:03,020 >> 演講嘉賓:現在讓我們來看看 一個網頁,它允許用戶以 3 00:00:03,020 --> 00:00:06,230 註冊的東西,但實際上 包括一些客戶端 4 00:00:06,230 --> 00:00:08,690 驗證他或她的輸入。 5 00:00:08,690 --> 00:00:13,210 >> 注意這裡,在形式,1.HTML,我有 同樣的形式出現,但我有 6 00:00:13,210 --> 00:00:17,940 添加一個ID屬性到我的表單標籤, 它的值被登記,所以 7 00:00:17,940 --> 00:00:22,140 我有一個ID,通過它我可以 唯一地標識在我的DOM的形式。 8 00:00:22,140 --> 00:00:26,090 現在注意我下面的表單標籤是一個腳本 標籤,這樣很刻意, 9 00:00:26,090 --> 00:00:30,840 我的JavaScript代碼將只執行 一旦表單標籤和它的DOM節點 10 00:00:30,840 --> 00:00:31,990 已被加載。 11 00:00:31,990 --> 00:00:35,650 >> 裡面的腳本標記通知是 這裡第一行,我宣布 12 00:00:35,650 --> 00:00:38,750 變量調用形式和分配 它的返回值 13 00:00:38,750 --> 00:00:42,850 報價的document.getElementById 引文結束報名。 14 00:00:42,850 --> 00:00:45,860 這是這行代碼,看起來 通過我的DOM,尋找 15 00:00:45,860 --> 00:00:50,130 元件或節點具有唯一 標識符登記,儲存 16 00:00:50,130 --> 00:00:52,590 返回值最終 在這個變量。 17 00:00:52,590 --> 00:00:56,910 >> 然後我在網上登記的形式顯示事件 處理程序的表單提交, 18 00:00:56,910 --> 00:01:02,190 與form.onsubmit並分配一個 匿名函數,身體的哪 19 00:01:02,190 --> 00:01:04,220 進行到做到以下幾點。 20 00:01:04,220 --> 00:01:09,700 如果表單的領域,他的名字是 電子郵件,有來自用戶的值等於 21 00:01:09,700 --> 00:01:14,220 引用引文沒什麼,那麼我們 要提醒用戶他或她 22 00:01:14,220 --> 00:01:18,120 必須提供他們的電子郵件地址, 我們返回false,這樣的形式 23 00:01:18,120 --> 00:01:21,680 本身沒有提交 註冊點PHP的。 24 00:01:21,680 --> 00:01:26,070 >> 否則,如果表單有其名字的字段 是密碼,它的值是 25 00:01:26,070 --> 00:01:28,800 報價引文結束,接下來就讓我們嚷嚷 在用戶他或她 26 00:01:28,800 --> 00:01:30,190 必須提供密碼。 27 00:01:30,190 --> 00:01:33,620 再次,返回false,這樣 表單不會提交到 28 00:01:33,620 --> 00:01:35,160 註冊點PHP的。 29 00:01:35,160 --> 00:01:38,920 >> 另一方面,如果該值的用戶具有 鍵入要叫表單字段 30 00:01:38,920 --> 00:01:43,100 密碼不匹配值, 用戶已規定的形式 31 00:01:43,100 --> 00:01:47,210 字段稱為確認,接下來就讓我們 罵的密碼不用戶 32 00:01:47,210 --> 00:01:50,800 比賽,然後返回false,這樣 表單不會提交到 33 00:01:50,800 --> 00:01:52,810 註冊點PHP的。 34 00:01:52,810 --> 00:01:59,030 >> 最後,如果不是這種情況,該 表單的輸入協議檢查, 35 00:01:59,030 --> 00:02:02,740 那麼,讓我們大聲喝斥用戶解釋 他或她必須同意條款 36 00:02:02,740 --> 00:02:06,660 和條件,並再次返回false 因此,表單不會提交到 37 00:02:06,660 --> 00:02:08,460 註冊點PHP的。 38 00:02:08,460 --> 00:02:11,830 >> 否則,如果,沒有這些錯誤有 被做了,讓我們確實返回true 39 00:02:11,830 --> 00:02:14,990 並允許表單提交 註冊點PHP的。 40 00:02:14,990 --> 00:02:17,680 >> 讓我們來看看這些可能 通過打開現在的錯誤 41 00:02:17,680 --> 00:02:19,150 在網頁瀏覽器中。 42 00:02:19,150 --> 00:02:25,780 http://localhost/form-1.HTML。 43 00:02:25,780 --> 00:02:26,890 這裡是那麼的形式。 44 00:02:26,890 --> 00:02:28,720 讓我們提供什麼。 45 00:02:28,720 --> 00:02:30,660 >> 您必須提供您的電子郵件地址。 46 00:02:30,660 --> 00:02:34,930 好吧,讓我們至少合作 沿著這些線路。 47 00:02:34,930 --> 00:02:36,380 >> 你必須提供一個密碼。 48 00:02:36,380 --> 00:02:40,150 好吧,讓我們選擇一個 密碼如丹顏。 49 00:02:40,150 --> 00:02:41,245 密碼不匹配。 50 00:02:41,245 --> 00:02:46,250 啊,我需要合作並提供 同一個詞,深紅色,再次。 51 00:02:46,250 --> 00:02:48,290 >> 您必須同意條款 和條件。 52 00:02:48,290 --> 00:02:50,290 好吧,現在讓我們檢查框。 53 00:02:50,290 --> 00:02:52,910 最後,噢,我註冊的。 54 00:02:52,910 --> 00:02:54,678