Page 264 - Web_Application_v2.0_C12_Fb
P. 264
Output:
Example 71: To demonstrate the use of onsubmit event
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>JavaScript onsubmit</TITLE>
</HEAD>
<SCRIPT>
function validateForm() {
alert("Form submitted!");
return false; // Prevents actual form submission for demonstration
}
</SCRIPT>
</HEAD>
<BODY>
<form onsubmit="return validateForm()">
<input type="text" placeholder="Enter something">
<input type="submit" value="Submit">
</form>
</BODY>
</HTML>
Output:
Example 72: To demonstrate the use of onfocus event
<!DOCTYPE HTML>
<HTML>
262 Touchpad Web Applications (Ver. 2.0)-XII

