Baseline Widely available
El evento invalid se dispara cuando se ha comprobado la validez de un elemento que se puede enviar y no satisface sus restricciones.
Event Burbujas No Cancelable Sà Objetivos Element Acción por defecto VarÃa (puede prevenir que un formulario sea enviado)
Este evento puede ser útil para desplegar un resumen de los problemas con un formulario al enviarlo. Cuando un formulario se envÃa, los eventos invalid son disparados en cada control del formulario que es inválido, y entonces en el mismo elemento form. La válidez de los elementos presentados se comprueba antes de enviar al propio <form>, o despúes del método checkValidity() de un elemento o su propio <form> es llamado. No es revisada al perder el foco (on blur).
Si un formulario es enviado con un valor inválido, los elementos pressentados son revisados, y si un error es encontrado, el evento invalid se disparará en el elemento invalid. En este ejemplo, el valor inválido del input dispara un evento invalid, y el valor inválido es registrado.
<form action="#">
<ul>
<li>
<label
>Enter an integer between 1 and 10:
<input type="number" min="0" max="10" required
/></label>
</li>
<li><input type="submit" value="submit" /></li>
</ul>
</form>
<p id="log"></p>
const input = document.querySelector("input");
const log = document.getElementById("log");
input.addEventListener("invalid", logValue);
function logValue(e) {
log.textContent += e.srcElement.value;
}
(Funciona en la versión en inglés)
Especificaciones Ver tambiénRetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4