CODEWITHSUNDEEP
javascriptjqueryhtmlformspost
user782104
user782104

Reputation: 13555

How to interrupt the form posting , until pressing the confirm button?

There is a form like this:

<form action="" method="post">
   <input type="submit" value="Delete Me">
</form>

I would like to change it to , when pressing the submit button, open a warning modal, If press the 'confirm' at the modal, then the form process.

Some attempt code but I wonder are there any way to 'continue' the form process after interrupt it, thanks a lot. 

    $(function () {
        $('.delete_form').on("submit",function(){
            $('#deleteModal').modal('toggle');
            return false; //pause the submit
        });

        $('.confirm_del').on("click",function(){
            return true; //process the form submit
        });
    });

Upvotes: 0

Views: 785

Answers (6)

Srinivas Damam
Srinivas Damam

Reputation: 3045

You can also trigger the submit event of the form when confirm button is clicked.

     $('.confirm_del').on("click",function(){
       $('.delete_form').trigger("submit")
     });

Upvotes: 0

Jonas Wilms
Jonas Wilms

Reputation: 138277

<form id="theform">
<button onclick="check()">Send</button>
<script>
function check(){
//display warning
}
function ok(){
//call on ok press
document.getElementById("theform").submit();
}
</script>

Just don't start the submit process until the user accepts the warning...

Upvotes: 0

Nitin Dhomse
Nitin Dhomse

Reputation: 2612

Try this one,

 <form action="" method="post" onsubmit="return isDeleteConfirm()">
       <input type="submit" value="Delete Me">
 </form>

function isDeleteConfirm(){
        $('.delete_form').on("submit",function(){
            $('#deleteModal').modal('toggle');
            return false; //pause the submit
        });

        $('.confirm_del').on("click",function(){
            return true; //process the form submit
        });
}

Upvotes: 0

kuma DK
kuma DK

Reputation: 1861

Use the following code. Button is changed into a normal button from submit button..

<form action="" method="post" id="f1">
   <input type="button" id="b1" value="Delete Me">
</form>

<script>
  $('#b1').click(function(){
        $('#deleteModal').modal('toggle');
  });

  $('.confirm_del').on("click",function(){
         $("#f1").submit(); //process the form submit
  });
</script>

Upvotes: 2

Sonu Bamniya
Sonu Bamniya

Reputation: 1115

your script should like this:

$(function () {
    $('.delete_form').on("submit",function(){
        return confirm('Are You Sure');
    });
});

Upvotes: 0

Mayank Pandeyz
Mayank Pandeyz

Reputation: 26258

change 

type="submit" to  type="button"

and then use its id or class to add an event listener then open the warning alert and submit the form on its response value.

Upvotes: 1

Related Questions