3

我发现,因为我正在处理的所有表单都有一个包含“name="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>
4

5 回答 5

6

这是因为您为提交按钮命名为“提交”。因为这已经是表单对象的一个​​属性,所以它与提交事件的绑定混淆了。

请参阅jQuery 文档中的此注释:

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

将提交按钮的名称更改为其他任何名称(例如“form_submit”),它就会起作用。

于 2010-11-12T22:28:01.710 回答
1

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

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

于 2009-04-14T23:26:53.227 回答
0

如果你不能改变你的 html (例如因为 zend 表单是如此聪明......)

就这么简单(在尝试提交之前用 javascript 更改名称):

$('#submit').attr('name', 'stupid_javascript');
于 2011-03-14T16:04:11.057 回答
0

您应该像这样构建链接:

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

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

你也可以试试:

$(f).submit();

如果您发布用于表单的 HTML,将会有所帮助。

于 2009-04-08T14:49:20.223 回答
0

$('#yourelementhere').trigger('click');

这对我有用...不是提交,而是点击。

于 2009-07-10T04:41:43.587 回答