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输入类型电子邮件

回答

相关问题