2

簡単な確認ダイアログがあります：

    <script type='text/javascript'>
        function confirmPubGL( theForm )
        {
            theForm.submit.disabled = true;
            var r=confirm('Are you sure you want to press the OK button?')
            if (r==true)
            {
                alert('Submitting form data now.');

            } else {
                alert('Nothing happened.')
                theForm.submit.disabled = false;
            }

        }
    </script>   

    <form name='abc' id='abc' method='post' action='feedme.php' onSubmit="return confirmPubGL(this)">
        <input type=hidden name=action  value='submitme'>
        <input type=submit name='submit' value='Click Me!'>
    </form>

JQuery のdialogsを使用してこれを整えたいと思います。例は見栄えがしますが、これを既存のフォームで使用する方法がわかりません。私はJQueryにかなり慣れていないので、見落としているとてつもなく簡単なことかもしれません。

<script>
    $(function() {
        $( "#dialog-confirm" ).dialog({
            resizable: false,
            height:140,
            modal: true,
            buttons: {
                "Do it!": function() {
                    $( this ).dialog( "close" );
                },
                Cancel: function() {
                    $( this ).dialog( "close" );
                }
            }
        });
    });
</script>


    <form name='abc' id='abc' method='post' action='feedme.php' onSubmit="return WhatDoIDoHere()">
        <input type=hidden name=action  value='submitme'>
        <input type=submit name='submit' value='Click Me!'>
    </form>

<div id='dialog-confirm' title='Submit Data?'>
<p><span class='ui-icon ui-icon-alert' style='float: left; margin: 0 7px 20px 0;'></span>You are about to submit data. Are you sure?</p>
</div>

JQuery の Confirmation の例を上記のフォームに適切に組み込むには、何を変更する必要がありますか?

4

1 に答える 1

0

これを試して：

<script>
    $(function() {
        $( "#dialog-confirm" ).dialog({
            resizable: false,
            height:140,
            modal: true,
            buttons: {
                "Do it!": function() {
                    var confirmMsg = "Are you sure?";
                    if (confirm(confirmMsg)) {
                        // Send your form
                    } else {
                        $( this ).dialog( "close" );
                    }
                },
                Cancel: function() {
                    $( this ).dialog( "close" );
                }
            }
        });
    });
</script>

アップデート：

申し訳ありませんが、後者の答えの私の間違い。私はあなたの質問を理解していませんでした。

<script>
    function WhatDoIDoHere() {
        $("#dialog-confirm").dialog("open");
    }
</script>

これがあなたの質問に答えることを願っています。

于 2013-01-28T19:10:46.087 に答える