我希望锚点的行为类似于输入类型提交按钮

Question

我希望锚点的行为类似于输入类型提交按钮。 我正在使用一个实际上使用输入类型提交的jquery插件库，但是我在锚点上设置了我的按钮样式。 我不想使用

<input type="button">

要么

<input type="submit">

我想使用锚

<a href="javascript to submit the form" ></a>

这是我想使用的我的jQuery代码

 {
     var submit = $('<button type="submit" />');
     submit.html(settings.submit);                            
 }
 $(this).append(submit);
 }
 if (settings.cancel) {
     /* if given html string use that */
     if (settings.cancel.match(/>$/)) {
         var cancel = $(settings.cancel);
         /* otherwise use button with given string as text */
     } else {
         var cancel = $('<button type="cancel" />');

如何使用锚点代替按钮。

Answer 1

如果您希望锚标签像按钮一样工作，请执行此操作

<!--YOUR FORM-->
<form id="submit_this">.....</form>
<a id="fakeanchor" href="#"></a>

<script>
    $("a#fakeanchor").click(function()
    {
    $("#submit_this").submit();
    return false;
    });
</script>

Answer 2

由于您使用jQuery，只需使用$()选择form元素，并调用submit就可以了; 通过$()将所有这些都挂接到锚，以找到锚， click以挂接处理程序：

$("selector_for_the_anchor").click(function() {
    $("selector_for_the_form").submit();
    return false;
});

最好return false; 取消点击锚点。

---

离题 ：但是请注意，这将导致您的页面在没有JavaScript的情况下完全无法使用，并且即使对于需要辅助技术的用户使用的支持JavaScript的浏览器（屏幕阅读器等）也会造成混乱。 它使标记完全不语义。 但是，既然您已经很清楚地说过这就是您想要做的...

Answer 3

然后呢：

<form id="formOne">
        ...
   <a href="..." onclick="formOne.submit()">link here</a>
</form>

Answer 4

<a id='anchor' href="javascript to submit the form" ></a>

现在您可以使用jquery添加事件处理程序

$('#anchor').click(function (e) {
  // do some work

 // prevent the default anchor behaviour
 e.preventDefault();
})

现在您可以根据需要设置锚样式，它将用作常规按钮

Answer 5

您可以使用image类型的输入（它用作表单的提交按钮）或在jquery中使用：

$("a").click(function(event){
   event.preventDefault();
   $('form').submit();
})