Asp.net mvc 在asp.net mvc标识中按下登录按钮时，如何防止页面刷新（重新加载）？

伙计们，我只是创建了一个

\u登录

部分视图，而不是

登录

视图，并在我的布局中呈现了该部分视图。局部视图显示在一个

模式中

，直到一切看起来都正常为止！但是，只要我单击“登录”（Sign In）按钮，页面就会重新加载，并且不会发生任何事情，尽管我预计会出现错误，例如电子邮件字段不能为空，或者用户不存在，但令人惊讶的是，不会发生任何事，页面会刷新。 以下是

\u登录

部分的代码

@model Hire.af.WebUI.Models.LoginViewModel

<div class="modal-body">
    <!--Social Media Login Links-->
    <div class="form-group row login-socical">
        <div class="col-sm-9 col-sm-offset-3">
            <div class="button_socical fb">
                <i class="fa fa-facebook-square"> </i>
                <em class="fa-facebook-square">Login with Facebook</em>
            </div>
            <div class="button_socical gg">
                <i class="fa fa-google-plus"> </i>
                <em class="fa-google-plus">Login with Google</em>
            </div>
            <div class="button_socical linkedin">
                <i class="fa fa-linkedin-square"> </i>
                <em class="fa-linkedin-square">Login with LinkedIn</em>
            </div>
        </div>
    </div>

    <!--Login Form-->
    <form class="noo-ajax-login-form form-horizontal">

        @using (Html.BeginForm("Login", "Account", new { ReturnUrl = ViewBag.ReturnUrl }, FormMethod.Post, new { @class = "form-horizontal", role = "form" }))
        {
            @Html.AntiForgeryToken()
            <hr />
            @Html.ValidationSummary(true, "", new { @class = "col-sm-3" })
            <div class="form-group row">
                @Html.LabelFor(m => m.Email, new { @class = "col-sm-3 control-label" })
                <div class="col-sm-9">
                    @Html.TextBoxFor(m => m.Email, new { @class = "log form-control", @placeholder="Email OR Username" })
                    @Html.ValidationMessageFor(m => m.Email, "", new { @class = "text-danger" })
                </div>
            </div>
            <div class="form-group row">
                @Html.LabelFor(m => m.Password, new { @class = "col-sm-3 control-label" })
                <div class="col-sm-9">
                    @Html.PasswordFor(m => m.Password, new { @class = "pwd form-control", @placeholder="Password" })
                    @Html.ValidationMessageFor(m => m.Password, "", new { @class = "text-danger" })
                </div>
            </div>
            <div class="form-group">
                <div class="col-md-offset-2 col-md-10">
                    <div class="checkbox">
                        @Html.CheckBoxFor(m => m.RememberMe)
                        @Html.LabelFor(m => m.RememberMe)
                    </div>
                </div>
            </div>

             <!--Remember Me Checkbox-->
                <div class="form-actions form-group text-center">
                    <button type="submit" class="btn btn-primary">Sign In</button>
                    <div class="login-form-links">
                        <span><a href="#"><i class="fa fa-question-circle"></i> Forgot Password?</a></span>
                        <span>
                            Don't have an account yet?
                            <a href="#" class="member-register-link" data-rel="registerModal">
                                @Html.ActionLink("Register Now", "Register") <i class="fa fa-long-arrow-right"></i>
                            </a>
                        </span>
                    </div>
                </div>

            @* Enable this once you have account confirmation enabled for password reset functionality
            <p>
                @Html.ActionLink("Forgot your password?", "ForgotPassword")
            </p>*@
        }


    </form>
</div>

@model Hire.af.WebUI.Models.LoginViewModel
使用Facebook登录
使用谷歌登录
使用LinkedIn登录
@使用（Html.BeginForm（“Login”，“Account”，new{ReturnUrl=ViewBag.ReturnUrl}，FormMethod.Post，new{@class=“form horizontal”，role=“form”}））
{
@Html.AntiForgeryToken（）

@Html.ValidationSummary（true，“，new{@class=“col-sm-3”}）
@LabelFor（m=>m.Email，新的{@class=“col-sm-3控制标签”}）
@TextBoxFor（m=>m.Email，新的{@class=“log form control”，@placeholder=“Email或Username”}）
@Html.ValidationMessageFor（m=>m.Email，“，new{@class=“text danger”}）
@LabelFor（m=>m.Password，新的{@class=“col-sm-3控制标签”}）
@Html.PasswordFor（m=>m.Password，新的{@class=“pwd form control”，@placeholder=“Password”}）
@Html.ValidationMessageFor（m=>m.Password，“，new{@class=“text danger”}）
@CheckBoxFor（m=>m.RememberMe）
@LabelFor（m=>m.RememberMe）
登录
你还没有账户吗？
@*为密码重置功能启用帐户确认后启用此选项

@ActionLink（“忘记密码？”，“放弃密码”）
*@
}

下面是我如何在我的_布局中呈现这个部分

<div class="memberModalLogin modal fade" id="userloginModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-member">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <h4 class="modal-title">Login</h4>
                </div>
                <!--Login Partial Goes Here-->
                @Html.Partial("_Login")
            </div>
        </div>
    </div>

&时代；
登录
@Html.Partial（“\u登录”）

---

如果您有任何帮助，我们将不胜感激。

您的嵌套表单是无效的html，不受支持。从局部视图中删除外部形状

//删除此项及其结束标记
@使用（Html.BeginForm（…）。。。。

您的嵌套表单无效且不受支持。请从局部视图中删除外部表单

//删除此项及其结束标记
@使用（Html.BeginForm（…）。。。。