相关疑难解决方法(0)

jQuery模式对话框没有提交我的表单

我正在使用jQuery模态对话框询问用户是否希望提交表单.

但是,在用户单击"对话框"的"提交"按钮后,表单未提交.

如果我再次单击表单提交按钮,则提交.

我猜这是一个范围问题,我已经看到了一些关于它的其他帖子但是我们已经花了很多时间没有运气.关于如何解决这个问题的任何想法?

使用Javascript

$(document).ready(function(){
    var submitForm = $('#myform');
    submit = false;

    $("#confirm").dialog({
        resizable: false,
        height: 140,
        modal: true,
        autoOpen: false,
        buttons: {
            'Submit': function() {
                $(this).dialog('close');
                submit = true;
                submitForm.submit();
            },
            'Cancel': function() {
                $(this).dialog('close');
            }
        }
    });
    $("#confirm").parent().appendTo($("#myform")); 

    submitForm.submit(function() {
        if (submit) {
            return true;
        } else {
            $("#confirm").dialog('open');
            return false;
        }
    });
});
Run Code Online (Sandbox Code Playgroud)

HTML

<form id="myform" action="#" method="post">
    <input type="text" name="check_me" />
    <input type="submit" name="submit" value="Go!" />
</form>
<div id="confirm" style="display:none;">Please confirm that you want to …
Run Code Online (Sandbox Code Playgroud)

jquery modal-dialog form-submit

9
推荐指数
2
解决办法
1万
查看次数

标签 统计

form-submit ×1

jquery ×1

modal-dialog ×1