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 に答える