锚标记充当表单提交按钮？答案

【问题标题】：Anchor tag acts as a form submit button?锚标记充当表单提交按钮？
【发布时间】：2017-08-18 16:35:27
【问题描述】：

锚标签充当表单提交按钮？

<form method="get" action="<?php bloginfo('url'); ?>/">
<div class="field-search">
    <input type="text" class="form-control input-lg" placeholder="Search for..." value="<?php the_search_query(); ?>">
    <a href="#" class="btn-search"><i class="fa fa-search font-16"></i></a>
</div>

【问题讨论】：

您能详细说明一下吗？你有什么问题？你想做什么？你试过什么？你的尝试是如何失败的？请read about how to ask good questions.
是吗？或者您是否试图询问如何实现这一目标？在那种情况下，你有没有试过研究这个……？ google.com/search?q=form+submit+via+anchor

标签： button anchor

【解决方案1】：

<form action="test.aspx" type="POST">
    <label>
        <span>Username</span>
        <input type="text" name="UserName" id="UserName" class="input-text required" />
    </label>
    <label>
        <span>Password</span>
        <input type="password" name="Password" id="Password" class="input-text required" />
    </label>
    <label>
        <input type="checkbox" name="RememberMe" id="RememberMe" class="check-box" />
        <span class="checkboxlabel">Remember Me</span>
    </label>
    <div class="spacer">
        <a href="javascript:void(0)" class="login-button">Login</a>
    </div>
</form>

jquery

$(document).ready(function(){
   $(document).on("click",".login-button",function(){
     var form = $(this).closest("form");
     //console.log(form);
     form.submit();
   });
});

可能重复 (Anchor tag as submit button?)

（这是复制的答案）

【讨论】：

【解决方案2】：

试试这个方法看看是否有效。

如下向你的锚标签添加一个点击事件并执行 event.stopPropagation()

$('a').on('click', function(e){
     e.stopPropagation();
})`

看看这是否有效

【讨论】：