Ventana emergente del navegador HTML 5 con type = "email"

Question

Cuando envía un formulario en una versión más reciente del navegador que admita etiquetas HTML5 y su formulario tiene input type="email" con un valor de dirección de correo electrónico no válido, el formulario no será enviado. También obtendrá una alerta de burbuja que dice "Please enter an email address"

Un simple DEMO here.

Bueno, esto es bueno en algún punto. En la demostración, verá que la ventana emergente oculta mi error definido. ¿Hay alguna manera de evitar que aparezca la burbuja? o puedo anular el estilo de la burbuja?

Answer 1

Puede detener la acumulación en el navegador de validación con el atributo novalidate:

<form action="" novalidate></form> 

o puede cambiar el contenido de la plantilla con este JavaScript-propiedad y su propio mensaje de error:

var element = [selector that selects the input field]; 
element.setCustomValidity('This is not a valid e-mail'); 

Pero creo que no puede diseñar este elemento del navegador usted mismo.