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