How to Execute a JavaScript when a form is submitted
When you submit the form, a function is triggered which alerts some text.
index.html
Example:
HTML
<!DOCTYPE html>
<html>
<body>
<p>When you submit the form, a function is triggered which alerts some text.</p>
<form action="/action_page.php" onsubmit="myFunction()">
Enter name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>
<script>
function myFunction() {
alert("The form was submitted");
}
</script>
</body>
</html>
Output should be:
| Example of HTML onsubmit Event Attribute | Form Events Attribute |
| Definition and Usage of HTML onsubmit Event Attribute | Form Events Attribute |
| Browser Support of HTML onsubmit Event Attribute | Form Events Attribute |
| Syntax of HTML onsubmit Event Attribute | Form Events Attribute |
| Attribute Values of HTML onsubmit Event Attribute | Form Events Attribute |
| Technical Details of HTML onsubmit Event Attribute | Form Events Attribute |
| How to Execute a JavaScript when a form is submitted | Form Events Attribute |
| List of Form Events Attribute | Form Events Attribute |
| HTML onblur Event Attribute | Form Events Attribute |
| HTML onchange Event Attribute | Form Events Attribute |
| HTML oncontextmenu Event Attribute | Form Events Attribute |
| HTML onfocus Event Attribute | Form Events Attribute |
| HTML oninput Event Attribute | Form Events Attribute |
| HTML oninvalid Event Attribute | Form Events Attribute |
| HTML onreset Event Attribute | Form Events Attribute |
| HTML onsearch Event Attribute | Form Events Attribute |
| HTML onselect Event Attribute | Form Events Attribute |
| HTML onsubmit Event Attribute | Form Events Attribute |
Type: | html |
Category: | Web Tutorial |
Sub Category: | Form Events Attribute |
Uploaded by: | Admin |