Question

对于给定网站的所有形式的所有提交，我希望它们被href链接替换。 “提交按钮”是通过应用精灵技术完成的。

所以，围绕这些方面：

#formLogin .submit
    {
        width:60px;
        background:url('../img/botaoLogin.png') no-repeat;
        height:22px;
        margin-left: 20px;
        margin-top:3px;
        text-indent: -9999px;
        display:block;
        float:right;
        background-position: 0px 0;
    }

#formLogin .submit {
    outline: none; /*atenção acessibilidade @todo onfocus necessário! */
}
#formLogin .submit:hover {
        background-position: 0px -22px;
    }

#formLogin .submit:active {
        background-position: 0px -45px;
}

然而，在HTML方面，我想保留那些禁用了javascript的提交按钮。

<input type="submit" value="login"/>
<a href="javascript:document.forms['login'].submit()">Login</a>

我认为使用jquery到.hide（）类型提交的输入并显示带有提交类的a将起作用。

但是如果我们有4个表单，其中4个“提交按钮”具有不同的名称，我应该为每个表单编写一个脚本吗？

我希望有一些关于草绘javascript代码的帮助，这些代码可以放在我所有网站页面的“页脚”上，这些代码将替换输入类型提交锚点与类.submitSomething，其中某些内容可能是“登录” “或”注册“（因为为了精灵技术，每个都会有一个特定的图像）。

希望我足够清楚。如果没有，请告诉我。

提前多多感谢， MEM

Answer 1

好吧，我没有看到你用href链接替换提交按钮的原因，因为你可以设置带有精灵的提交按钮以及与任何其他html元素一样的一切，但无论如何，你关注的是具有多种形式的此类功能。所以答案是：您可以使用jQuery.parent()提交正确的表单。这是一个草案：

jQuery(document).ready(function() {
    jQuery('form input[type=submit]').replaceWith('<a href="#" class="submit-link">Submit</a>');
    jQuery('.submit-link').click(function() {
        jQuery(this).parent('form').submit();
    });
});

尚未测试代码，但它应该可以工作（可能需要一些调整）。

干杯。

Answer 2

没有。你不必写4个不同的javascript。

如果你使用submit selector sintax，你可以将脚本定位到所有输入类型提交元素。

使用href -jquery用法重新输入提交类型？

2 个答案: