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

前端之家收集整理的这篇文章主要介绍了jquery – ASP.NET MVC表单提交链接而不是按钮前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想有一个简单的登录表单(或任何形式的事情),并能够发布,而不是按钮,但链接.

所以没有输入,但是.

我已经看到了很多这样的问题的解决方案,我已经尝试了许多不同的选择,每一次,没有任何反应.

我已经从所有的JQuery删除了所有的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>
<%}%>

解决方法

使这种情况发生的唯一方法是使用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看作一个锚点.我的建议是始终使用提交按钮提交表单.这在语义上更正确,您还会发现,在编辑文本字段时按Enter键的内容将提交一种本地化的表单.所以做什么语义正确,做CSS样式.

猜你在找的jQuery相关文章