Submit Form ( POST ) after Button Clicked

[marcoczen]

Hi,

I have a bootstrap form with a submit button as below;

``

Delete Selected User

``

When the button is clicked - the form is submitted. I would like a confirmation box (Yes - Delete, No ). I dont understand how to incorporate vex confirm into the button above from the documentation provided.

Any ideas ? Alert - Jquery newbie here.

[timurjavid]

You can prevent the submit event from happening in javascript by passing an event into an on click function. From the function, you can then handle your logic if you want the form to be submitted. The value of the vex dialog prompt is either true or false.

For example:

<form action="success.php" method="get" id="form1">
  Input1: <input type="text" name="input1"><br>
  Input2: <input type="text" name="input2"><br>
</form>

<button class="submit" type="submit" onclick="buttonFunction(event)" value="Submit">Submit</button>

<script>
         function buttonFunction(e) {
            e.preventDefault();
            vex.dialog.confirm({
                message: 'Do you want to delete this user?',
                className: 'vex-theme-plain',
                callback: function(value) {
                    if(value)
                    {
                        document.getElementById("form1").submit();
                    }
                }
            })
       }
</script>

[bbatliner]

Just because this is an old issue, I'm going to close it because @Timur2012's solution works (prevent the form submit in JS, confirm with vex and submit programmatically). Thanks!