El atributo de evento oninvalid funciona cuando los valores de un campo de entrada no son válidos o están vacíos. El script se ejecuta cuando un usuario hace clic en el botón Enviar. El campo de entrada requerido debe completarse antes de enviarlo.
Etiquetas admitidas:
Sintaxis:
<element oninvalid = "script">
Valor de atributo: este atributo contiene un script de valor único que funciona cuando se llama a un atributo no válido. Es compatible con todos los elementos HTML.
Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>oninvalid Event Attribute</title>
<style>
h1 {
color:green;
}
body {
text-align:center;
}
</style>
</head>
<body>
<h1>GeeksForGeeks</h1>
<h2>oninvalid Event Attribute</h2>
<form action="#" method="post">
First Name : <input type = "text" oninvalid =
alert('Please Fill all input field!') required><br><br>
Last Name : <input type = "text" oninvalid =
alert('Please Fill all input field!') required><br>
<input type="submit" value="Submit">
</form>
</body>
</html>
Producción:
Navegadores compatibles: los navegadores compatibles con el atributo de evento oninvalid se enumeran a continuación:
- Cromo
- Internet Explorer 10.0
- Firefox
- Ópera
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA