Scripts: Javascript :: Forms :: Library Article #6
Developer's Section
Learn to Display Confirmation Messages when Submitting a form By: Erobo Team Member
|
Hire a Developer for Related Work / Installation | $55 hr
|
|
Rating: | Rate It:
|
Average Votes: (3004)
|
Favorites:
|
|
|
|
In this quick tutorial I will explain how to display a simple confirmation message in a form. This can help you to have an additional security step before doing a critical operation (Modifyng or Deleting data).
It is sometimes very important to have some security that can help users protect their data by having an additional GUI step before submitting data with critical information. Thus, a confirmation message before submitting a form will make you think twice before making any changes to the current data.
Here is an example of the confirmation message:
We can accomplish this in 2 steps:
Step 1:
Create javascript: (put this on top of the page or on the header)
 | Code Snippet 1 |
 |
|
function displayConfirmation()
{
var doSubmit = confirm("Do you wish to continue ?")
if(doSubmit)
{
return true;
}
else
{
return false;
}
}
</script>
|
Step 2:
Create the form and use the onsubmit method:
 | Code Snippet 2 |
 |
|
<form name="Display_Conf" action="rer.html"
onsubmit="return displayConfirmation();">
<table border="1" style="border-collapse: collapse">
<tr>
<td>My Form</td>
</tr>
<tr>
<td><input type="Submit" value="Submit My Form"></td>
</tr>
</table>
</form>
|
So, hopefully you will find it useful!
|
|
See other Scripts in Forms |
Submit Your Scripts:
|
If you would like to have your Javascripts published in this section please fill out the form below: |