0

私はこのようなフォームを持っています:

<form action="confirm-and-send.php" method="post" onsubmit="return(confirmation());">
    <input a lot of input fields here>
    <button type="submit" name="confirm_and_send" id="submit-button"  class="sent-to-client-bttn" style="margin-left:630px;margin-top: -125px;"></button>
</form>

次に、jquery ui関数があります

function confirmation(){
   $("#some-div").dialog({
        bgiframe: true,
        autoOpen: false,
        minHeight: 200,
        width: 350,
        modal: true,
        closeOnEscape: false,
        draggable: false,
        resizable: false,
        buttons: {
                'Yes': function(){
                    $(this).dialog('close');
                    callback(true);
                },
                'No': function(){
                    $(this).dialog('close');
                    callback(false);
                }
            }
    });
}
function callback(value){
     //do something
}

私は彼らがこことここで言うことに従っていますが、うまくいきませんでした. event.preventDefault()はいボタンを押すと、for は送信されません。入れないと、2 つのオプションのいずれかを選択する前にフォームが送信されます。誰かが私に適切な例を与えることができますか?

4

2 に答える 2

0

ボタンをフォームの外に出します。

<form action="" method="post" id="my_form" onsubmit="">
        <input type="text" name="x"/>

    </form> 
    <button name="confirm_and_send" id="submit-button" value="Submit" class="sent-to-client-bttn" onclick="confirmation();">Submit</button>
    <div id="some-div" style="display:none">Hi</div>


function confirmation(){


   $("#some-div").dialog({
        bgiframe: true,
        minHeight: 200,
        width: 350,
        modal: true,
        closeOnEscape: false,
        draggable: false,
        resizable: false,
        buttons: {
                'Yes': function(){
                    $(this).dialog('close');
                    callback(true);
                },
                'No': function(){
                    $(this).dialog('close');
                    callback(false);
                }
            }
    });


}
function callback(value){
     alert(value);
}
于 2013-09-04T07:11:02.900 に答える
0

私はあなたがJqueryUiダイアログボックスを使用していると思います..それは動作しません..この目的のために、これを使用する必要があります

クリックするとどうなるか説明します..

クリックしても停止しません..自動的に送信されます...したがって、デフォルトを試す必要があります..ブラウザの確認

于 2013-09-04T07:08:16.880 に答える