CODEWITHSUNDEEP
phpjavascriptform-submit
Moon
Moon

Reputation: 20002

HTML - Form Submit Button Confirmation Dialog

this is a general form code

<form name="search_form" action="" method="POST">
<input type="text" name="search_text">          
<input type="submit" name="search_bt" value="Go">
</form>

is there a way could have a confirmation dialog saying 'Yes'\'No' or 'Confirm'\'Cancel' etc...

One way i figured of dong is is with CSS Layer and JavaScript and Php... that have a php isset(){} chechk on the button and when set display a Div displayed with two buttons and onclick=func() JS function of those buttons have a php variable(flag) set and then i can if(flag){} to continue or skip some code...

well that is going to work and plus point is that i can have a well themed dialog box but i just wanna make my life easier...

Upvotes: 23

Views: 97606

Answers (4)

matepal297
matepal297

Reputation: 1101

If you have 2 or more submit buttons in one form:

<input type="submit" value="Edit">
<input type="submit" name="delete" value="Delete" onclick="return confirm('Confirm, please.');">

The dialog shows up only when you click the Delete button.

Upvotes: 6

acqu13sce
acqu13sce

Reputation: 3809

You can also do it with one line in the form tag itself

<form action="exampleHandlerPage.php" method="post" onsubmit="return confirm('Are you sure you want to submit?');">

Upvotes: 74

Surya Tanamas
Surya Tanamas

Reputation: 1

<form action="<form handler>" method="post" onsubmit="return confirm('Are you sure you want to submit?')">

is this javascript can be store diferent from tag "form", replace 

return confirm(...)

with something like 

return sendata(...)

Upvotes: -2

Garis M Suero
Garis M Suero

Reputation: 8170

Using raw javascript without any div...

You can have this function

function confirmSubmit() {
  if (confirm("Are you sure you want to submit the form?")) {
    document.getElementById("FORM_ID").submit();
  }
  return false;
}

And you can call that function from the onsubmit event in the form, or on the onclick event in the button.

By the way, have you heard about JQuery. Its a JS Library with a lot of helpful things that give you a comfort and beauty way of coding javascript.

As an example of what you want to get done, take this confirmation dialog from JQuery as example

Upvotes: 3

Related Questions