Cómo cambiar el mensaje de error de WebKit para campos de formulario HTML requeridos

Question

Gecko le permite establecer el mensaje de error para required campos de formulario HTML con x-moz-errormessage.

¿Cuál es el equivalente de WebKit?

Answer 1

Estoy casi seguro de que no hay, y no parece que va a suceder: http://www.w3.org/Bugs/Public/show_bug.cgi?id=10923.

Es posible que desee comprobar setCustomValidity(). Parece que funciona bien en Chrome para mí: http://olav.dk/wf2/demo/validation.asp.

Fuente: http://www.whatwg.org/specs/web-apps/current-work/multipage/association-of-controls-and-forms.html#dom-cva-setcustomvalidity

Answer 2

Mientras que el ejemplo setCustomValidity() vinculado anteriormente obras, que no tiene en cuenta la prueba de validación HTML5 nativo, y en vez suministra su propia prueba personalizada. Si desea vez les gusta usar la coincidencia de tipo partido/del patrón de HTML 5, a continuación, utilizar setCustomValidity() con un evento oninvalid:

<input type="text" pattern="[a-zA-Z]+" 
oninvalid="setCustomValidity('Custom Message')" /> 

Sin embargo tener en cuenta que esto no va a estar localizado en el idioma del navegador del usuario, y la voluntad también se muestra independientemente de lo que no es válido (por ejemplo, también se mostrará si falla el cheque required)