0

我有这个表格，我需要修改它以便在提交之前确认它。

 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>';

我尝试实现许多 jquery 模态框（我不需要普通的 javascript，因为我需要添加一些设计），但即使有弹出窗口，表单也会继续处理。你能给我一些建议吗？谢谢。

4

3 回答 3

4

您可以使用简单的 javascript 来制作确认框。里面使用 onclick/onsubmit="createConfirm()" />

然后使用 javascript 确认框在提交答案时显示确认框。 http://www.w3schools.com/js/js_popup.asp 使用这个链接会给你确认框的例子。

您还可以修改布局。你可以看看那个。这会很有用。 http://ui-dev.jquery.com/demos/dialog/#default

于 2012-12-05T10:59:39.667 回答
0

将此添加到您的表单标签....

onsubmit="return false"

echo '<form method="post" action="coupon.php" onsubmit="return false" id="formID">

显示构象弹出...

并确认....发布表格...

if(CONFORMATION){    
  $('#formID').submit() ;  
}else{
  //do your stuff
}

或者

 $("form").submit(function() {
   //show your conformation popup

   if(CONFORMATION){
     return true;
   }

   return false;
});

这不需要你的<form>标签

于 2012-12-05T10:59:52.523 回答
0

这是我的方法：

<!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>
于 2012-12-05T11:06:56.037 回答