Jquery 发生MVC客户端验证回发

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

我是MVC新手,在我的项目中面临着非常愚蠢的问题,我读到该模型使用Jquery在MVC中管理客户端验证,所以我已经在包中添加了一些必需的Jquery。配置文件。即使在验证时页面得到回发,即使验证被触发,正如我读到的,如果发生违反验证的情况,也不应该回发,请帮助我解决此问题

下面是Bundle.Config文件的片段。请检查我是否遗漏了什么

 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" />  &nbsp;&nbsp;&nbsp;
             <input type="button" value="Cancel" onclick="Cancel()" class="btn btn-danger" />  &nbsp;&nbsp;&nbsp;
                <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")
}