任何Web開發者都能向我們保證，在窗體上提交輸入的驗證需要花費大量的時間來構建Web表單。當涉及到填寫Web表單上的信息時，即使是最熟悉Web的用戶也可以并且都會犯錯。當用戶點擊頁面上的提交按鈕時，可能會導致不完整或不準確的數據被提交上去。

為了避免輸入出錯，開發者需要在加工信息前先進行驗證。驗證是在接受輸入信息時最好的做法。把數據截止在門外越早越好。

驗證在用戶提交表單時，通過一個服務器端執行來完成的。在這種類型的驗證里，用戶提供的數據先被提交給服務器，服務器處理之后如果判定輸入數據不正確或不完整，就會拋出一個相應的錯誤信息。

隨著JavaScript使用的越來越多，瀏覽器已經對通過專門的驗證庫對客戶端驗證提供支持了。HTML5背后的智囊團們意識到了Web開發者需要對表單信息驗證提供支持，然后就內置了對驗證的支持，并引進了在客戶端驗證的支持，以將輸入錯誤消滅于萌芽狀態。通過HTML5表單里的客戶端驗證，用戶不需要等所有的輸入都完成并提交信息給服務器后，才能分辨出哪些是出錯信息。實際上，標記元素能指出那些信息不是必填的，這個邏輯在提交按鈕發送數據給遠程服務器之前就已經開始執行了。

讓我們來看幾個支持客戶端驗證的屬性吧。

‘required’required屬性能被指定用于任何輸入標記元素來注釋需要這些的地方。一個簡單的聲明如下所示：

當上面的HTML在現代瀏覽器里被提出來時，你可以看到文本框有一個不同的陰影（這是我們為請求的元素指定的風格）。當用戶跳過必填字段（通過點擊它，然后并沒有輸入就到下一步），輸入框會變成周圍圍繞紅色邊框的效果樣式。

通過使用客戶端驗證必填字段，這樣的造型有助于與用戶溝通。當表單被提交時（用戶點擊提交按鈕），HTML5驗證就開始執行了。但這個發生時，瀏覽器開始通過必填輸入的列表來提示是否缺少要求的輸入信息。有時候并沒有必要去驗證，在這種情況下，我們可以設置窗體上的“movalidate”屬性。

例如，下面的代碼就沒有讓客戶端驗證規則啟動：

 如果你只想在某個按鈕被按下的時候才跳過驗證，你可以在提交輸入類型上指定“formnovalidate”屬性： 

當我們點擊第一個按鈕時，我們看到驗證規則起作用了，但當我們點擊第二個按鈕時，驗證規則就沒有了。

Web開發神器WebStorm目前正8折優惠，(慧都還有打折心愿，自己想怎么打折就怎么打折。【年終大促 巔峰盛"慧" 】促銷火熱進行中 iPhone 6 Plus、 iPhone 6、iPad Air滿就送，還不趕快買買買！)

原文地址：//www.php100.com/html/it/focus/2014/1126/7907.html