0

我想使用漂亮的 jQuery Mobile 对话框：

<a href="foo.html" data-rel="dialog">Open dialog</a>

询问用户是否真的要提交表单。

我的想法是：用户填写表单然后单击提交，因此他看到一个对话框，如“你真的要提交表单吗？是/否”，如果是，则使用 ajax 将表单发送到我的 insert.php 页面，如果不是对话框只是关闭了。

我已经阅读了官方文档，看起来这只是一个图形调整，可以像对话框一样显示我的 jqm Web 应用程序的任何#page。

如何使用此对话框页面确认/取消我的表单提交？

更清楚一点：我不想使用标准的 javascript，例如：

function insertClienti()
{
$('#form').submit(function(e) {
    if(!confirm('really submit the form?')) {
        e.preventDefault();
        return;
    }
        $.post("insert.php", $("#form").serialize());
});
}

但只有 jQuery Mobile 的对话框。

感谢您的时间和耐心。

4

1 回答 1

1

我只是使用了错误的 jQuery Mobile 组件。

弹出对话框就是为此而设计的，并且非常易于使用。

文档在这里：

http://jquerymobile.com/demos/1.2.0-alpha.1/docs/pages/popup/

这是我在我的应用程序中使用的代码（我使用 bassistance 验证器）：

$(document).bind('pageinit', function () {
                validaFormInserimento();
                });

function insertClienti()
        {
$.post("insert.php", $("#form_inserimento_clienti").serialize());
        }

function validaFormInserimento()
{
$("#form_inserimento_clienti").validate({
        rules: {
                nick: "required"
        },
        messages: {
                nick: "Campo obbligatorio"
        },
        errorPlacement: function(error, element){
                if (element.attr("name") === "nick") {
                        error.insertAfter($(element).parent());
                } else {
                        error.insertAfter(element);
                }
        },
        submitHandler: function(form){
                $( "#popupDialog" ).popup( "open" );
        }
});
}

function disabilitaSubmit()
{
$('input,select').keypress(function(event) { return event.keyCode != 13; });
}

function insertClienti()
        {
$.post("insert.php", $("#form_inserimento_clienti").serialize());
$( "#popupDialog" ).popup( "close" );
$("#form_inserimento_clienti").each(function() {
       this.reset();
     });
        }
于 2013-04-30T09:41:53.557 回答