Jquery 发生MVC客户端验证回发
我是MVC新手,在我的项目中面临着非常愚蠢的问题,我读到该模型使用Jquery在MVC中管理客户端验证,所以我已经在包中添加了一些必需的Jquery。配置文件。即使在验证时页面得到回发,即使验证被触发,正如我读到的,如果发生违反验证的情况,也不应该回发,请帮助我解决此问题 下面是Bundle.Config文件的片段。请检查我是否遗漏了什么Jquery 发生MVC客户端验证回发,jquery,asp.net-mvc,validation,model-view-controller,autopostback,Jquery,Asp.net Mvc,Validation,Model View Controller,Autopostback,我是MVC新手,在我的项目中面临着非常愚蠢的问题,我读到该模型使用Jquery在MVC中管理客户端验证,所以我已经在包中添加了一些必需的Jquery。配置文件。即使在验证时页面得到回发,即使验证被触发,正如我读到的,如果发生违反验证的情况,也不应该回发,请帮助我解决此问题 下面是Bundle.Config文件的片段。请检查我是否遗漏了什么 using System.Web; using System.Web.Optimization; namespace DesignationDemo
using System.Web;
using System.Web.Optimization;
namespace DesignationDemo
{
public class BundleConfig
{
// For more information on Bundling, visit http://go.microsoft.com/fwlink/?LinkId=254725
public static void RegisterBundles(BundleCollection bundles)
{
bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
"~/Scripts/jquery-{version}.js"));
bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include(
"~/Scripts/jquery-ui-{version}.js"));
bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
"~/Scripts/jquery.unobtrusive*",
"~/Scripts/jquery.validate*"));
bundles.Add(new ScriptBundle("~/bundles/bootstrapjs").Include(
"~/Scripts/bootstrap.min.js"));
bundles.Add(new StyleBundle("~/Content/bootstrapcss").Include(
"~/Content/bootstrap.min.css",
"~/Content/bootstrap-responsive.min.css"));
// Use the development version of Modernizr to develop with and learn from. Then, when you're
// ready for production, use the build tool at http://modernizr.com to pick only the tests you need.
bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
"~/Scripts/modernizr-*"));
bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/site.css"));
bundles.Add(new StyleBundle("~/Content/themes/base/css").Include(
"~/Content/themes/base/jquery.ui.core.css",
"~/Content/themes/base/jquery.ui.resizable.css",
"~/Content/themes/base/jquery.ui.selectable.css",
"~/Content/themes/base/jquery.ui.accordion.css",
"~/Content/themes/base/jquery.ui.autocomplete.css",
"~/Content/themes/base/jquery.ui.button.css",
"~/Content/themes/base/jquery.ui.dialog.css",
"~/Content/themes/base/jquery.ui.slider.css",
"~/Content/themes/base/jquery.ui.tabs.css",
"~/Content/themes/base/jquery.ui.datepicker.css",
"~/Content/themes/base/jquery.ui.progressbar.css",
"~/Content/themes/base/jquery.ui.theme.css"));
}
}
}
“创建”操作的视图
@using (Html.BeginForm("Create", "DesignationInfo", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
@Html.ValidationSummary(true)
<table>
<tr> <td>
<b>Designation Name </b>
</td>
<td>
@Html.EditorFor(model => model.Name)
@Html.ValidationMessageFor(model => model.Name)
</td>
</tr>
<tr> <td>
<b> Active </b>
</td>
<td>
@Html.CheckBoxFor(model => model.Active, new { @checked = "checked" })
</td>
</tr>
<tr><td>
</td>
<td></tr>
<tr> <td> </td><td>
<input type="submit" value="Save" class="btn btn-success" />
<input type="button" value="Cancel" onclick="Cancel()" class="btn btn-danger" />
<input type="button" value="Back" onclick="Close()" class="btn btn-warning" /></td>
</tr>
</table>
}
<script src="~/Scripts/bootstrap.min.js"></script>
<link href="~/Content/bootstrap.min.css" rel="stylesheet" />
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/jqueryval")
@Scripts.Render("~/bundles/jqueryui")
<script type="text/javascript">
function Close() {
window.location.href = '/DesignationInfo/';
}
function Cancel() {
$('#Name').val("")
$('#Active').prop('checked', false);
}
</script>
提前感谢。您也可以尝试在视图顶部添加,这可能会解决问题
@model DesignationDemo.Models.Designation
仅仅添加bundles.config是不够的
您还需要在视图中添加以下代码
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/jqueryui")
还放了一些模型和视图的代码,这样我可以查看更多
之前忘了提
最重要的代码
@section Scripts {
@Scripts.Render("~/bundles/jqueryval")
}
您的web.config文件中是否启用了客户端验证?还可以使用浏览器工具检查脚本是否实际加载到视图中。根据您的编辑,您的视图中没有包含
~/bundles/jqueryval
脚本谢谢@StephenMuecke:根据您的建议,我也包含了该文件,但仍然会进行回发。我认为bundle.config中存在一些问题,因为这种问题也会出现在新添加的页面中。我刚刚测试了您的代码,包括我这边的模型和视图。。。它似乎工作得很好。。。我将很快把我的样本上传到谷歌硬盘上并分享给你。。。也许你可以比较一下我的样本项目和你的项目,找出其中的差异。。。如果可能的话,你也可以上传你的项目解决方案并与他人分享…请再次检查问题我添加了模型和视图供你进一步分析..我找不到@Scripts.Render(“~/bundles/jqueryval”),你能检查一下吗。。。我修改了我的消息,稍后。。。我之前忘了。。。
@section Scripts {
@Scripts.Render("~/bundles/jqueryval")
}