JavaScript Form Submit - Confirm or Cancel Submission Dialog Box

Question

For a simple form with an alert that asks if fields were filled out correctly  I need a function that does this    Shows an alert box when button is clicked with two options    If  OK  is clicked  the form is submitted If cancel is clicked  the alert box closes and the form can be adjusted and resubmitted    I think a JavaScript confirm would work but I can t seem to figure out how   The code I have now is    x000D   x000D  function show alert     x000D    alert  xxxxxx    x000D    x000D   lt form gt  x000D     lt input type  image  src  xxx  border  0  name  submit  onclick  show alert     alt  PayPal - The safer  easier way to pay online   value  Submit  gt  x000D   lt  form gt  x000D   x000D   x000D

User · Answer

If you want to apply some condition on form submit then you can use this method

<form onsubmit="return checkEmpData();" method="post" action="process.html">
  <input type="text" border="0" name="submit" />
  <button value="submit">submit</button>
</form>

One thing always keep in mind that method and action attribute write after onsubmit attributes

javascript code

function checkEmpData()
{
  var a = 0;

  if(a != 0)
  {
    return confirm("Do you want to generate attendance?");
  }
   else
   {
      alert('Please Select Employee First');
      return false;
   }  
}

User · Answer

You could use the JS confirm function    lt form onSubmit  if  confirm  Is the form filled out correctly     return false    gt     lt input type  submit    gt   lt  form gt    http   jsfiddle net jasongennaro DBHEz

User · Answer

Simple and easy     x000D   x000D   lt form onSubmit  return confirm  Do you want to submit      gt  x000D     lt input type  submit    gt  x000D   lt  form gt  x000D   x000D   x000D

User · Answer

OK  just change your code to something like this    lt script gt  function submit        return confirm  Do you really want to submit the form        lt  script gt    lt form onsubmit  return submit this    gt      lt input type  image  src  xxx  border  0  name  submit  onclick  show alert           alt  PayPal - The safer  easier way to pay online   value  Submit  gt   lt  form gt    Also this is the code in run  just I make it easier to see how it works  just run the code below to see the result    x000D   x000D  function submitForm     x000D    return confirm  Do you really want to submit the form     x000D    x000D   lt form onsubmit  return submitForm this    gt  x000D     lt input type  text  border  0  name  submit    gt  x000D     lt button value  submit  gt submit lt  button gt  x000D   lt  form gt  x000D   x000D   x000D

User · Answer

The issue pointed in the comment is valid  so here is a different revision that s immune to that   function show alert       if  confirm  Do you really want to do this           return false        this form submit

User · Answer

A simple inline JavaScript confirm would suffice    lt form onsubmit  return confirm  Do you really want to submit the form      gt    No need for an external function unless you are doing validation  which you can do something like this    lt script gt  function validate form            validation code here           if  valid            alert  Please correct the errors in the form             return false            else           return confirm  Do you really want to submit the form              lt  script gt   lt form onsubmit  return validate this    gt

[javascript] JavaScript Form Submit - Confirm or Cancel Submission Dialog Box

Examples related to javascript

Examples related to html

Examples related to forms

Examples related to submit

Examples related to confirm