HTML | oninvalid Event Attribute
The oninvalid event attribute works when an input field values are invalid or empty. The script run when a user clicks on the submit button. The required input field must be filled before submitting it.
Supported Tags:
Syntax:
<element oninvalid = "script">
Attribute Value: This attribute contains single value script which works when oninvalid attribute called. It is supported by all HTML elements.
Example:
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 > |
Output:
Supported Browsers: The browser supported by oninvalid event attribute are listed below:
- Chrome 10
- Edge 12
- Internet Explorer 10
- Firefox 4
- Opera 10
- Safari 5
Please Login to comment...