HTML5輸入類型電子郵件

我想用input type="email"給我新的網站，但我有問題，如果你希望使用的輸入型文本，然後通過正則表達式檢查值或使用HTML 5的電子郵件HTML5輸入類型電子郵件

E-mail: <input type="email" name="usremail" />

HTML輸入類型電子郵件在使用時是否存在問題（瀏覽器或使用情況）？

來源

2012-02-22 Bert

我不認爲你需要包括這個問題 – 2014-05-13 16:29:08

您可以使用HTML5郵件驗證，但它僅適用於XXXX @ XXXX檢查，所以這是一個有效的電子郵件笑

至少對我來說我會說只使用jquery validate並始終到服務器端驗證

它不會傷害使用的電子郵件類型的瀏覽器不支持將轉換爲文本類型

你可能想看看modernizr爲了向後compatiblility

來源

2012-02-22 04:33:39 mcgrailm

jquery驗證是一個插件？ – Bert 2012-02-22 04:40:30

是的jquery非常廣泛的使用和有據可查的工作在jquery – mcgrailm 2012-02-22 04:41:26

的傢伙之一，如果這種情況xxxx @ xxxx是一個有效的電子郵件。使用電子郵件輸入類型使用較短的正則表達式很容易。虐待只是檢查結束部分.com，.net.org ?? – Bert 2012-02-22 04:42:40

如果您有支持bowser，那麼它不會有任何問題。如果它們不被支持，它就像普通的文本字段一樣工作。 http://www.w3schools.com/html5/html5_form_input_types.asp

來源

2012-02-22 04:20:29 Dips

所以所有的瀏覽器支持，這是一個PHP的標籤輸入類型？？ – Bert 2012-02-22 04:22:59

IE和Safari不支持以下代碼可能有助於支持IE9。 '<！ - [if lt IE 9]> ' – Dips 2012-02-22 04:30:01

HTML5 - 如你所知 - 沒有被使用的瀏覽器完全支持，這input type='email'由Chrome瀏覽器，FF支持，但不是通過IE舊版本的支持..有它的解決方案工作：你可以留下來使用這些HTML5的輸入，並使用此JS庫，以支持其他broswers：http://code.google.com/p/webforms2/

來源

2012-02-22 04:23:01 Ashraf

我看到..我正在考慮使用因爲它使用的代碼較小，並且會減少編碼。 – Bert 2012-02-22 04:28:06

的瀏覽器不會做任何驗證，如果它不支持它。您可以使用modernizr來檢測它是否有效，並採取相應措施。（就像使用本地HTML5驗證，或改用類似jQuery validation）

據http://dev.w3.org/html5/markup/input.email.html，輸入電子郵件使用此正則表達式來驗證它是一個電子郵件：

/^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-][email protected][a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/

你應該確認這些東西服務器端無論如何。

來源

2012-02-22 04:33:59 Vigrond

我看到了，但仍然正則表達式仍然會解決問題 – Bert 2012-02-22 04:40:00

+1的w3模式。很好有一些參考，當爭論正確的方法驗證 – 2013-06-23 03:25:53

-1

此輸入類型「電子郵件：」在IE9和Safari瀏覽器中不起作用，因此它將被視爲僅適用於谷歌瀏覽器和mozila fire fox，此電子郵件：自動驗證瀏覽器是否支持HTML5

來源

2012-07-16 14:20:20

您可以使用電子郵件：

enter <input type="text" name="email" pattern="[a-z0-9._%+-][email protected][a-z0-9.-]+\.[a-z]{2,3}$" >

爲HTML5（http://davidwalsh.name/html5-email）這裏

來源

2015-02-05 11:08:16

請避免鏈接唯一的答案，至少有禮貌的解釋爲什麼和這個鏈接的內容如何幫助OP，如果你鏈接的網站出現故障，你的問題將被降低並可能被刪除。 – 2015-02-05 11:31:16

HTML5輸入類型電子郵件

回答

相關問題