Pregunta Tipo de entrada HTML5 Correo electrónico


Estoy pensando en usar el input type="email" para mi sitio nuevo, pero tengo una pregunta sobre si prefiere utilizar texto de tipo de entrada, entonces verifique el valor con una expresión regular o use este correo electrónico HTML 5

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

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


5
2018-02-22 04:14


origen


Respuestas:


Puedes usar el correo electrónico html5 para validar, pero solo busca XXXX @ XXXX, así que es un correo electrónico válido.

para mí al menos yo diría que solo uso jquery validar y siempre a servidor de validación lateral.

no va a doler usar el tipo de correo electrónico ya que los navegadores que no lo admiten se convertirán a texto

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


4
2018-02-22 04:33



El navegador no hará ninguna validación si no lo admite. Puedes usar modernizr para detectar si lo hace o no, y actuar en consecuencia. (Como usar la validación nativa de HTML5, o en su lugar usar algo como validación de jQuery )

De acuerdo a http://dev.w3.org/html5/markup/input.email.html, el correo electrónico de entrada usa esta expresión regular para verificar que sea un correo electrónico:

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

Usted debe estar validando estas cosas del lado del servidor también de todos modos.


5
2018-02-22 04:33



HTML5, como usted sabe, no es totalmente compatible con los navegadores disponibles, esto input type='email' es compatible con Chrome, FF, pero no es compatible con las versiones anteriores de IE. Existe una solución alternativa: puede seguir usando estas entradas HTML5 y usar esta biblioteca JS para admitir a los otros expertos: http://code.google.com/p/webforms2/


2
2018-02-22 04:23



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


0
2018-02-22 04:20



Puedes usar Email:

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

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


0
2018-02-05 11:08



este tipo de entrada "Correo electrónico:" no funciona en IE9 y safari, por lo que se tratará como un dispositivo que solo funciona en google chrome y mozila fire fox, este correo electrónico: valida automáticamente si el navegador admite HTML5


-1
2017-07-16 14:20



Preguntas populares