我想要一个锚应该像输入类型提交按钮一样

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

<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 4

然后呢：

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

Answer 5

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

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