表单拒绝通过 jQuery 提交

Question

我有以下表单

<form name="myForm" id="myForm" method="post" enctype="multipart/form-data" action="script.php">

和这个 jQuery，

$(document).ready(function() {

  $('#previewButton').click(function() {
    // Change form's target to be in a new window.
    $('#myForm').attr('target', '_blank');

    /*
     * Create a hidden input field and add it to the form to designate that the
     * action the form is performing is a preview action.
     */
    $('#myForm').append($('<input id=\"previewAction\" name="previewAction" type=\"hidden\" />'));

    // Submit the form.
    $('#myForm').submit();

    // Change the form's target to be the current page again.
    $('#myForm').attr('target', '');

    /*
     * Remove the hidden input field we just added so that the form can submit
     * normally.
     */
    $('#previewAction').remove();

    return false;
  });

});

我在两个不同的页面上有完全相同的两个代码。其中之一是，当我单击“预览”链接时，表单会提交到一个新的空白窗口。在另一页上，表单未提交，并且当我单击预览时没有窗口打开。

.click() 正在运行，我知道这一点是因为我在 .click() 中调用了alert() 并出现了一个警报框。

通过运行以下命令，我可以看到我的表单的 .submit() 在其他任何地方都没有被覆盖：

var submitEvents = $('#myForm').data("events").submit;
jQuery.each(submitEvents, function(key, value) {
  alert(value);
});

此外，我没有收到任何 Javascript 错误。

以及为什么点击“预览”（显然）没有任何反应的想法？

Answer 1

原来有一个 id = 'submit' 的 按钮。 jQuery 不喜欢这样。

Answer 2

也许是吹毛求疵，但是：

$('#myForm').append($('<input id=\"previewAction\" name="previewAction" type=\"hidden\" />'));

为什么你在同一行上转义 " 并且不转义 " ？您是否没有将 " 重写为 ' 并忘记转义？

此外，form 上的 target 对我:)

编辑：

也许html或其他javascript可以给你/我们一些线索 - 否则我和你一样迷失。

Answer 3

尝试使用不带$()的append方法，就像这样：

$('#myForm').append('<input id=\"previewAction\" name="previewAction" type=\"hidden\" />');

另一件事，你可以将Firebug插件添加到firefox，它是调试javascript的好工具。 https://addons.mozilla.org/en-US/firefox/collection/ firebug_addons