动态form无法验证问题。在弹出层的情况下同样可以验证

最新推荐文章于 2023-07-26 09:07:54 发布

原创最新推荐文章于 2023-07-26 09:07:54 发布 · 735 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

ASP.NET MVC 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个用于管理古迹基本信息的系统，包括文章标题编辑、模态框演示以及选择消费类型的功能。

@using NewMoon.Models.AncientCity;
@model NewMoon.Models.AncientCity.AncientCityBasicInfoVM

@{
ViewBag.Title = "BasicInfo";
Layout = "~/Views/Shared/_BasicLayout.cshtml";
}
<link href="~/Content/bootstrap/bootstrap.min.css" rel="stylesheet" />
<script src="~/Scripts/Defaultjs/jquery-1.9.1.js"></script>
<script src="@Url.Content("~/Scripts/BU/BasicMgr.js")"></script>
<script src="~/Scripts/Defaultjs/bootstrap.js"></script>

<script src="~/Scripts/Defaultjs/jquery.validate.js"></script>
<script src="~/Scripts/Defaultjs/jquery.validate.unobtrusive.js"></script>

@*@using (Ajax.BeginForm(new AjaxOptions { }))
{
@Html.EditorFor(m => m.AncientCityBasicInfo.ArticleTitle);
@Html.ValidationMessageFor(m => m.AncientCityBasicInfo.ArticleTitle);
<input type="submit" value="submit" />
}*@
<br />
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
开始演示模态框
</button>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel" aria-hidden="true">
@using (Ajax.BeginForm("SelectExpenditurePatterns", "BasicInfomation", new AjaxOptions
{
OnSuccess = "BasicMgr.OnSuccess"
}, new { id = "My" }))
{
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 id="myModalLabel">Modal header</h3>
</div>
<div class="modal-body">
<p>
<div>
<div>
消费类型：
</div>
<div>
@Html.DropDownListFor(m => m.ExpenditurePatterns, Model.ExpenditurePatternsList, "请选择");
@Html.ValidationMessageFor(m => m.ExpenditurePatterns);
</div>
</div>
</p>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
<button class="btn btn-primary" type="submit">Save changes</button>
</div>
}
</div>
<script>
$(function () {
$.validator.unobtrusive.parse('#My');

});

</script>