Home/ Questions/Q 8944369
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-15T12:00:22+00:00

I have this form, which i need to modify in order to confirm it

  • 0

I have this form, which i need to modify in order to confirm it before submission.

 echo '<form method="post" action="coupon.php">
<input type="hidden" name="id_user"
 value="'.$id_user.'">
 <input type="hidden" name="points"
 value="250">
 <input type="hidden" name="form_secret" id="form_secret" value="'.$_SESSION['FORM_SECRET'].'" />
  <div id="p2">
<input type="submit" value="250"></div>
</form>';

I tried to implement many jquery modal boxes (i don’t need plain javascript because i need to add some design) but the form even if there was a popup continued to process.
Can you suggest me something?
Thanks.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Here’s my approach to this:

    <!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Test</title>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    </head>
    <body>
        <form action="blah.php" class="confirm" method="get">
            <input type="text" name="field1" value="" />
            <button type="submit">Submit</button>
        </form>
        <div class="modal" style="display: none;">
            <h1>Attention!!</h1>
            <p>Please confirm this action</p>
            <button type="button" class="action confirm">Confirm</button>
            <button type="button" class="action cancel">Cancel</button>
        </div>
        <script>
        $(function(){
            // capture the form that triggered the action
            var $form;
            // can the form submit
            var $cansend = false;

            // show the modal on form submit
            $('form.confirm').submit(function(){
                $form = $(this);
                if ($cansend == true)
                {
                    $cansend = false;
                    return true;
                }
                $('.modal').show();
                return false;
            });

            // which button got clicked in the modal
            $('div.modal button.action').click(function(){
                if ($(this).hasClass('confirm'))
                {
                    $cansend = true;
                    $('div.modal').hide();
                    $form.submit();
                }
                else
                {
                    $cansend = false;
                    $('div.modal').hide();
                }
            });
        });
        </script>
    </body>
</html>
    • 0