Asp.net MVC 4内注册引导模态插件

asp.net mvc 4 registration inside bootstrap modal plugin

本文关键字：模态 插件 注册 net MVC Asp      更新时间：2023-09-26

我在bootstrap 3模态组件内执行注册。我创建了一个注册的部分视图，并在引导模式内渲染。我也在那里执行验证。问题是，如果我提交错误的数据或空数据模态消失提交按钮点击。我希望它留在那里，如果数据是无效的，并显示验证错误。如何定制呢?

这是我的局部视图

      @using (Html.BeginForm("", "", FormMethod.Post, new { @class = "form-signin" }))
    {
        @Html.AntiForgeryToken()
        @Html.ValidationSummary()
           <fieldset>
            <legend class="form">Registration Form</legend>
            @Html.TextBoxFor(m => m.UserName, new { @class = "form-control", placeholder = "Email Address" })
            @Html.PasswordFor(m => m.Password, new { @class = "form-control", placeholder = "Password" })
            @Html.PasswordFor(m => m.ConfirmPassword, new { @class = "form-control", placeholder = "Confirm Password" })
            <input type="submit" value="Register" style="margin-top:10px;" class="btn btn-lg btn-primary btn-block" />
        </fieldset>
    }
@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}

这里是模态

<div id="myModal" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">Registration</h4>
            </div>
            <div class="modal-body">
            @Html.Partial("_Register")
              </div>
        </div>
    </div>
</div>

您必须使用Ajax.BeginForm()。以下是你实现它的方法。

使用Ajax

。BeginForm与ASP。. NET MVC 3 Razor

相关文章：