带有嵌套表单的 Jquery 对话框有提交问题

Question

我有一个带有嵌套表单的 jquery 对话框，如下所示：

<!-- Store Location Dialog -->
        <div id = "changeDialog">
            <form id = "form" method = "post" action = "Default.aspx" \> 
                <input type = "text" id = "changeText" name = "changeLocation" /> 
                <input type = "button" id = "changeStoreDialogSubmit" value = ""  onclick = "dialogSubmitForm()"/> 
            </form>
        </div>

单击按钮时可能会发生两种情况。一个实例需要加载页面，而另一个则不需要。我的非页面加载实例工作正常，但另一个则不能。这是我拥有的 dialogSubmitForm() 方法：

function dialogSubmitForm() {

    if (!placeHolderVisibility) {

        $('#changeStoreDialogSubmit').submit();
    }
    else /
    {
        //Working code
    }
}

这是对话框：

function createDialog() {
    //Creates a new dialog
    $('#changeDialog').dialog({
        resizable: false,
        title: '<span class="ui-icon ui-icon-home"></span> Enter Info',
    });
}

当我测试页面时，我可以看到 $('#changeStoreDialogSubmit').submit(); 受到攻击，但页面从未加载。为什么会出现这种情况呢？

Answer 1

您需要在 form 上调用 .submit()，而不是提交表单的按钮：

function dialogSubmitForm() {

    if (!placeHolderVisibility) {

        $('#form').submit();
    }
    else 
    {
        //Working code
    }
}

Answer 2

submit() 方法只能在 form 元素上调用。您的表单的 ID 为 form，因此您需要将其更改为：

$('#changeStoreDialogSubmit').submit();

话虽这么

$('#form').submit();

说，我认为您正在为您的应用程序使用 ASP.NET，并且您确实需要确保不要有嵌套的 form 标记，因为默认情况下 Web 表单会在您的页面上抛出一个 form 标记。