如何使用HTML5驗證電子郵件地址

比建立一個可捕獲電子郵件地址的HTML表單更容易,比如通訊或通知? 當然,請以這種形式篡改電子郵件地址,然後讓您的瀏覽器記住所有註冊表單的錯誤地址。

如果您想驗證輸入到您的表單中的電子郵件地址,但要避免複雜的修補和腳本,HTML5可讓您依靠瀏覽器 - 無需付出努力,也無需轉向使用JavaScript。

使用HTML5驗證電子郵件地址

讓用戶的瀏覽器驗證電子郵件地址,並將它們輸入到您的HTML Web表單中:

無法識別type =“email”的瀏覽器應該(並且據我們所知,所有將會)像普通的type =“text”字段一樣處理輸入字段。

HTML5電子郵件地址驗證警告

請注意,HTML電子郵件地址驗證僅適用於支持HTML5和驗證表單元素輸入的瀏覽器。 例如,對於其他瀏覽器和備份,您仍然可以使用PHP驗證電子郵件地址

支持HTML5電子郵件地址驗證的瀏覽器包括Safari 5+,Google Chrome 6+,Mozilla Firefox 4+和Opera 10+。 Safari 5和Google Chrome 6-8不會接受無效的電子郵件地址輸入,但與其他瀏覽器不同,它不會幫助用戶更正錯誤。

HTML5電子郵件地址驗證示例

要吸引用戶的瀏覽器使用HTML5驗證電子郵件地址,請使用以下代碼,例如: