2012-02-22 15 views
5

Estoy pensando en usar el input type="email" para mí nuevo sitio pero tengo pregunta si prefiere utilizar el texto a continuación, el tipo de entrada Compruebe el valor de la expresión regular o utilizar este código HTML 5 EmailHTML5 Tipo de entrada de correo electrónico

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

¿El tipo de entrada de HTML Correo electrónico tiene problemas cuando se usa (navegador o uso)?

+2

no creo que es necesario incluir una etiqueta de php para esta pregunta –

Respuesta

4

puede utilizar el correo electrónico HTML 5 para validar pero sólo comprueba XXXX @ XXXX así que es un correo electrónico lol

válido al menos para mí lo haría digamos que solo use jquery validate y siempre a la validación del lado del servidor

no le hará daño a utilizar el tipo de correo electrónico como navegadores que no soportan que convertirá al tipo de texto

es posible que desee mirar hacia atrás modernizr para Compatiblility

+0

que jquery validate es un plugin? – Bert

+0

sí para jquery muy utilizado y bien documentado por uno de los tipos que trabaja en jquery – mcgrailm

+0

si ese es el caso xxxx @ xxxx es un correo electrónico válido. sería fácil verificar usando expresiones regulares más cortas con el tipo de entrada de correo electrónico. ¿Solo verifico la parte final .com, .net.org? – Bert

0

Si tiene soporte Bowser, entonces no tendrá ningún problema. Si no son compatibles, funciona como campos de texto normales. http://www.w3schools.com/html5/html5_form_input_types.asp

+0

por lo que todo el apoyo del navegador esta ¿¿tipo de entrada?? – Bert

+0

IE y Safari no son compatibles, sin embargo, el siguiente código podría ayudar a hacer el soporte para IE9. ' ' – Dips

2

HTML5 - como se sabe - no es totalmente compatible con los navegadores disponibles, este input type='email' es soportado por Chrome, FF, pero no soportados por versiones antiguas de IE .. Hay un trabajo en torno a la solución: usted puede permanecer el uso de estos entradas de HTML5, y utilizan esta JS biblioteca para apoyar a los demás broswers: http://code.google.com/p/webforms2/

+0

veo .. Estaba pensando en el uso porque era un código más pequeño para usar y disminuirá la codificación. – Bert

5

El navegador no lo hará cualquier validación si no lo admite. Puede usar modernizr para detectar si lo hace y actuar en consecuencia. (Como utilizar la validación HTML5 nativo, o en su lugar usar algo como jQuery validation)

Según http://dev.w3.org/html5/markup/input.email.html, el correo electrónico de entrada utiliza esta expresión regular para comprobar que es un correo electrónico:

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

Usted debe validar tales lado del servidor cosas también de todos modos.

+0

veo pero todavía regex aún resolverá el problema – Bert

+1

+1 para el patrón w3. Es bueno tener alguna referencia, cuando se discute sobre el enfoque correcto para validación –

-1

este tipo de entrada "E-mail:" no funciona en IE9 y safari por lo que se tratará como si solo funcionara en google chrome y mozila fire fox, este E-mail valida automáticamente si el navegador es compatible con HTML5

0

puede utilizar Email:

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

para HTML5 (http://davidwalsh.name/html5-email) aquí

+1

Por favor, evite las respuestas de solo enlaces. Al menos tenga la cortesía de explicar por qué y cómo el contenido de este enlace ayudará al OP. Si el sitio web al que se vincula se cae, su pregunta será rechazada y probablemente eliminada. –

Cuestiones relacionadas