The onreset and onsubmit Event Handlers : Form Reset « Form Control « JavaScript DHTML






  1. JavaScript DHTML
  2. Form Control
  3. Form Reset

The onreset and onsubmit Event Handlers

   

<html> 

<head> 
<title>Submit and Reset Confirmation</title> 
<script type="text/javascript"> 
function allowReset() { 
    return window.confirm("Go ahead and clear the form?"); 
} 
function allowSend() { 
    return window.confirm("Go ahead and mail this info?"); 
} 
</script> 

</head> 

<body> 
<form method="POST" enctype="text/plain" action="mailto:a@b.com" onreset="return allowReset()" onsubmit="return allowSend()"> 

Enter your first name:
<input type="text" name="firstName" id="firstName"/> 
Enter your last name:
<input type="text" name="lastName" id="lastName"/>
Enter your address:
<input type="text" name="address" id="address"/>
Enter your city:
<input type="text" name="city" id="city" />
<input type="radio" name="gender" id="gender1" checked="checked" />
Male 
<input type="radio" name="gender" id="gender2" />Female
<input type="checkbox" name="retired" id="retired" />I am retired
<input type="reset" /> 
<input type="submit" />
</form> 
</body> 
</html>








Related examples in the same category

1.Reset the fields in a form
2.form.reset() and form.submit() Methods