如何最好地使链接提交表单

获得常规锚点()提交单击时嵌入的表单的最佳方法是什么？

    

        

            

                The link could be embedded at any level
                in the form, so "this.parentNode.parentNode..." is no good. :(
            
        
    

我知道使用jQuery最简单的方法就是

$('#myLink').click(function() {
    $(this).parents('form:first').submit();
});

...但是我试图在不使用库的情况下找到一种方法.

编辑:我真的想找到一个不需要知道表单的方法(例如:它的名字,id等).这与您将其放在输入元素上的方式类似:

你为什么不使用一个或元素,只是用CSS调整它？然后它没有Javascript工作,因此更可靠.

---

同意这个答案.链接是GET请求,没有理由改变它.不要让链接做POST.使用表单提交.

---

nickf,有时正确答案是问题是错误的.

---

button/input-submit表现得更好,更像是你想要建模的东西,所以即使JS有保证可用,它也是更好的选择.如果你这样,href ="#"会表现得很奇怪.中键单击它,右键单击书签等.如果悬停在IE6上实际上很重要,你可以随时放入JS hack.

---

@nickf [IE6 MUST DIE](http://www.flickr.com/photos/trudeflutt/5084600401/)

2> Vinny Carpen..：

---

最简单的方法是使用这样的东西:

---

我会改为:更改的原因是虽然不应该发生,但浏览器可能完全有可能在提交表单之前最终重定向到#link,从而搞砸了.

3> Jef..：

---

我现在每次都在使用它.因为我项目中的提交按钮通常是一个链接(通过包装图像或CSS),所以我使用这个:

Submit

别忘了它也在使用jQuery.

你可以包装自己的功能.所以它总是在该链接上提交父元素(表单).

4> Graham King..：

---

只要链接是表单的直接子项,就可以使用它.您无需知道表单的名称.适用于至少Firefox和Chrome.

    Submit

quirksmode.org告诉我x.parentNode适用于所有浏览器,所以这应该适用于所有地方.

5> hasen..：

---

循环通过父节点,直到找到一个带有标记名的元素,表明它是一个表单!

    

        

            

                The link could be embedded at any level
                in the form, so "this.parentNode.parentNode..." is no good. :(
            
        
    

6> 小智..：

---

使用以下标记将提交按钮转换为链接:

和CSS这样:

input#submitlink {
    background: transparent;
    border: 0;
    cursor:pointer;
    margin: 0;
    padding: 0;
    color: #034af3;
    text-decoration: underline;
}

input#submitlink:visited {
    color: #505abc;
}

input#submitlink:hover {
    color: #1d60ff;
    text-decoration: none;
}

input#submitlink:active {
    color: #12eb87;
}