jquery - 使用链接而不是按钮提交 ASP.NET MVC 表单

Question

我想要一个简单的登录表单(或任何与此相关的表单)，并且能够发布它，不是使用按钮，而是使用链接。

所以没有输入，而是a。

我已经看到了很多此类问题的解决方案，并且尝试了很多不同的选项，但每次都没有任何反应。

我已经从现有的内容中删除了所有 JQuery，因此这是“基本”情况:缺少什么才能使其提交表单？

<% using (Html.BeginForm("Login", "Account", FormMethod.Post, new { id = "loginForm" }))
  { %>
       <%= Html.TextBoxFor(x => x.UserName)%><br/>
       <%= Html.TextBoxFor(x => x.Password)%><br/>
       <a href="#" id="submit-link" class="button">Log In</a>
<%}%>

Answer 1

实现这一点的唯一方法是使用 javascript:

<form id="fooForm" action="/foo" method="post">
    <a href="#" id="submit_link" class="button">Log In</a>
</form>

在 JavaScript 中:

$(function() {
    $('a#submit_link').click(function() {
        $('form#fooForm').submit();
    });
});

尽管我建议您使用提交按钮:

<button type="submit">
    <a href="#" id="submit_link" class="button">Log In</a>
</button>

并尝试style it看起来像一个 anchor 。我的建议是始终使用提交按钮来提交表单。这在语义上更正确，您还会发现，在编辑文本字段时按 Enter 键将提交 native 的表单。因此，请执行语义上正确的操作并使用 CSS 进行样式设置。