2012-02-22 5 views
5

Я имею в виду, используя input type="email" мне новый сайт, но у меня есть вопрос будет, если вы предпочитаете использовать входной тип текста, то проверьте значение с помощью регулярного выражения или использовать этот HTML 5 EmailHTML5 Тип входа Email

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

Возникает ли при вводе (в браузере или использовании) тип ввода электронной почты HTML?

+2

Я не думаю, что вам нужно включить PHP тег для этого вопроса –

ответ

4

Вы можете использовать html5 электронную почту для проверки, но он только проверяет XXXX @ XXXX так что это действительный адрес электронной почты лол

для меня по крайней мере, я бы скажем, просто используйте jquery validate и всегда проверяйте на стороне сервера

это не повредит использовать тип электронной почты в качестве браузеров, которые не поддерживают это будет преобразовывать в текст типа

вы можете посмотреть на modernizr для обратной compatiblility

+0

, что проверка jquery является плагином ?? – Bert

+0

yes for jquery очень широко используется и хорошо документированно сделанным одним из парней, который работает в jQuery – mcgrailm

+0

, если это случай xxxx @ xxxx является действительным адресом электронной почты. было бы легко проверить использование более короткого регулярного выражения с типом ввода электронной почты. плохо проверить конечную часть .com, .net.org ?? – Bert

0

Если у вас есть поддержка bowser, то у нее не будет проблем. Если они не поддерживаются, они работают как обычные текстовые поля. http://www.w3schools.com/html5/html5_form_input_types.asp

+0

так все поддерживают браузер это тип ввода?? – Bert

+0

IE и Safari не поддерживают, однако следующий код может помочь в поддержке IE9. ' ' – Dips

2

HTML5 - как вы знаете - не в полной мере поддерживается доступных браузеров, эта input type='email' поддерживается Chrome, FF, но не поддерживается IE старых версий .. Там есть работа вокруг решения: вы можете остаться с помощью этих HTML5 входы, и использовать JS библиотека для поддержки других broswers: http://code.google.com/p/webforms2/

+0

я вижу .. я думал об использовании это потому, что это был меньший код для использования и уменьшил кодирование. – Bert

5

Браузер не будет делать любая проверка, если она не поддерживает его. Вы можете использовать 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-]+)*$/ 

Вы должны быть проверки этих побочных вещей сервера так или иначе.

+0

Я вижу, но все еще регулярное выражение все еще решит проблему – Bert

+1

+1 для w3-шаблона. Приятно иметь некоторую ссылку, когда спорить о правильном подходе для валидация. –

-1

Этот тип ввода «E-mail:» не работает в IE9 и сафари, поэтому он будет рассматриваться как он работает только на google chrome и mozila fire fox, этот E-mail: автоматически проверяет, поддерживает ли браузер HTML5

0

вы можете использовать Email:

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) здесь

+1

Пожалуйста, избегайте ссылок только по ответам. По крайней мере, любезность объясняет, почему и как содержимое этой ссылки поможет OP. Если веб-сайт, на который вы ссылаетесь, опускается, ваш вопрос будет опущен и, вероятно, удален. –

Смежные вопросы