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

@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>