提交.trigger('submit')中断

Question

我发现，因为我正在处理的所有表单都有一个submit按钮，其中包含一个‘name=’“submit”属性，当我单击应该触发表单提交的链接时，触发器submit正在断开。

谁知道我怎么才能绕过这一关。

下面的JQuery代码就是我使用的代码：

$('#login_form :submit').each(
       function()
       {
          var $this = $(this);
          var f = this.form;
          var link = $('<a class="swap_link" href="#">' + $this.val() + '</a>')
             link.click(function()

                {
                   $(f).trigger('submit');
                   return false;
                }
             )
            $this.after(link).css({position:'absolute', top:'-2000px'});
            }
        )

感谢大家在这方面的帮助。谢谢

嗨。查看下面的链接：

http://www.mr-scraggy.com/test.html

在此页面上，您可以看到运行中的表单。顶层表单在提交按钮中没有name=" submit“。底部的表单包含name="submit“，但没有。(当我说工作时，表单没有连接到任何脚本，但您可以看到顶部表单中的提交链接做了一些事情)。

另请参阅下面的表单html：

<form id="swaplink" name="login" action="/action/login.php" method="post" accept-charset="utf-8" class="clearfix">
<input type="hidden" name="redirecturl" id="redirecturl" value="{$redirecturl}" />
<h2>My Account Login</h2>
<ul id="login_form">
    <li>
        <label for="username">Username:</label>
        <input type="text" name="username" id="username" class="input-text" maxlength="32" />
        </li>
    <li>
    <label for="password">Password:</label>
    <input type="password" name="password" id="password" class="input-text" maxlength="32" />
        </li>
    <li>
    <input type="submit" name="submit" value="Login" />
    </li>
</ul>
    {$failed_message}
</form>

Answer 1

这是因为您已经为您的提交按钮命名为" submit“。因为这已经是form对象的一个属性，所以它会扰乱submit事件的绑定。

请参阅jQuery docs中的此说明

表单及其子元素不应使用与表单属性(如提交、长度或方法)冲突的输入名称或ids。名称冲突可能导致令人困惑的失败。

将提交按钮的名称更改为其他名称(例如，“form_submit”)，它就可以工作了。

Answer 2

您必须为您的按钮使用不同的名称。" submit“是一个保留字，使用名称为"submit”的元素实际上会阻止jQuery提交表单。

您可以在http://manicode.blogspot.com/2009/04/form-input-names-with-reserved-words.html上找到解决方法

Answer 3

您应该像这样构建链接：

var link = $("<a />").addClass('swapLink')
           .atrr('href', '#')
           .text( $this.val() )
           .onclick( function() {
             $(f).trigger('submit');
             return false;
            });

还要确保将链接插入到DOM中，并且f确实是对表单的引用。

您还可以尝试：

$(f).submit();

如果您发布了表单所使用的HTML，将会有所帮助。