Evento oninvalid

de objeto de evento

Más "Try it Yourself" ejemplos a continuación.

Definición y Uso

El evento oninvalid se produce cuando un submittable <input> elemento no es válido.

Por ejemplo, el campo de entrada no es válida si el required se establece atributo y el campo está vacío (el required atributo especifica que el campo de entrada debe ser llenada antes de enviar el formulario).

Soporte del navegador

Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el evento.

Sintaxis

En HTML:

< Inténtalo tú mismo "

En JavaScript:

object .oninvalid=function(){ Inténtalo tú mismo "

En JavaScript, utilizando el addEventListener() método:

object .addEventListener("invalid", myScript );

Inténtalo tú mismo "

Nota: El addEventListener() método no es compatible en Internet Explorer 8 y versiones anteriores.

---

Detalles técnicos

burbujas:	No
cancelable:	Sí
Tipo de evento:	Evento
etiquetas HTML admitidas:	<Input>
DOM Versión:	Nivel 3 Eventos

Más ejemplos

Ejemplo

Alertar a un texto si un campo de entrada contiene menos de 6 caracteres:

Name: <input type="text" id="myInput" name="fname" pattern=".{6,}">

<script>
document.getElementById("myInput").addEventListener("invalid", myFunction);

function myFunction() {
    alert("Must contain 6 or more characters");
}
</script>

Inténtalo tú mismo "

Ejemplo

Alertar poco de texto si un campo de entrada contiene un número que es inferior a 2 o mayor que 5:

Number: <input type="number" id="myInput" name="quantity" min="2" max="5">

<script>
document.getElementById("myInput").addEventListener("invalid", myFunction);

function myFunction() {
    alert("You must pick a number between 2 and 5. You chose: " + this.value);
}
</script>

Inténtalo tú mismo "

---

Páginas relacionadas

JavaScript Tutorial: Formas de JavaScript

---

<Objeto de evento