Question

我有一个包含多个提交按钮的表单。当单击其中一个按钮时，我想提供一个确认弹出窗口，要求用户确认所选操作。如果他按下OK，请允许表格发布。如果没有，请取消它。

问题是我无法找出在提交处理程序上使用的正确选择器。这是我目前的情况，但我得到了一个未定义的结果：

$("form").submit(function() {
    if ($("input[type=submit][clicked=true]").val() == "New") {
        // TODO - this isn't getting called.
    }
}

我在其他地方读到这段代码适用于某人，但它在IE中对我不起作用。

感谢任何帮助。谢谢！

Answer 1

试试这个：

$("form").submit(function() {     
    //Do your Processing
});


$("form :submit:not([value='New'])").click(function() {     
    return false;
});

工作示例：http://jsfiddle.net/uKCDj/1/

Answer 2

有些人可能同意我要提出的意见 - 但是很好。

不是单击并覆盖您的真实提交按钮以显示模式对话，为什么不只是让初始按钮触发弹出窗口然后在那里有真正的提交按钮。取消按钮将关闭模式。

<form>
<input type="text" value="something" />

<button id="submitModal" value="Submit">

<div style="display:none;" class="modal">
<input type="submit" name="realSubmit" />
<button id="cancel" value="cancel" />
</div>

</form>

然后用jquery写下这样的东西：

$('button#submitModal').click(function() {
  //open your modal dialogue
});

$('button#cancel').click(function() {
  //close modal
});

此处，提交不需要提交任何特殊的JavaScript。

根据使用JQuery（IE）单击的提交按钮取消表单提交

2 个答案: