input > email > pattern

[quico5]

<input required title="Email:" type="email" name="email" style="width:100%;" type="text" placeholder="Email:" maxlength="30" pattern="[a-zA-Z0-9.+_-]{2,25}\+@[a-zA-Z0-9.+_-]{2,15}\+[a-zA-Z0-9.+_-]{2,9}\" />

Se que no esta muy bien escrito PATTERN por eso les pido ayuda
En algunos navegadores se conforman con x@x otros se conforman con [email protected]

mi idea es pedir [email protected] al igual que hace la funcion MAIL() de PHP incluyendo otras variantes como por ejemplo [email protected] que serian dominios de tercer nivel, creo que no me olvido de nada, gracias de antemano

[quico5]

bueno, dándole vueltas y buscando en google al final lo he conseguido, lo comparto con ustedes, corrijanme si me equivoco

<input required title="Email:" type="email" name="email" style="width:100%;" placeholder="Email:" maxlength="30" pattern="[a-zA-Z0-9.+_-]{2,25}@[a-zA-Z0-9.-]{2,15}\.[a-zA-Z0-9.-]{2,9}" />

[emprear]

Ningún navegador se conforma con
x@x


/^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/

/^[a-z0-9\._-]+@+[a-z0-9\._-]+\.+[a-z]{2,4}$/i


y el atributo pattern de html5 no es soportado en forma nativa ni por IE ni por safari, puede que haya algúna librería en js que lo haga compatible


Saludos