堆棧內存溢出
  簡體   English   中英

Ajax非侵入式驗證和MVC4

[英]Ajax unobtrusive validation and MVC4

 原文  2014-10-29 14:17:24  5   2    jquery/ ajax/ asp.net-mvc-4/ validation/ scripting

問題描述

我正在嘗試讓我的AJAX在部分視圖中工作 。 我將其包括在“布局”頁面的頂部，如下所示： 

        <head>
        <meta charset="utf-8" />
        <title>@ViewBag.Title - COMIS</title>
        <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />

        <link href="~/Content/themes/base/jquery.ui.core.css" rel="stylesheet" type="text/css" />
        <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
        <link href="@Url.Content("~/Content/themes/base/jquery.ui.theme.css")" rel="stylesheet" 
        type="text/css" />

        <script src="~/Scripts/jquery-1.11.1.js" type="text/javascript"></script> 

        <script src="../../Scripts/jquery-ui-1.11.1.js" type="text/javascript"></script>
        <script src="~/Scripts/jquery-migrate-1.2.1.js" type="text/javascript"></script>
        <script src="../../Scripts/DatePickerReady.js" type="text/javascript"></script>

        <script src="~/Scripts/jquery-ui-1.11.1.validate.min.js" type="text/javascript"></script>

        <script src="~/Scripts/jquery.validate.js" type="text/javascript"></script>
         <script src="~/Scripts/jquery.validate.unobtrusive.js" type="text/javascript"></script>

        <script src="~/Scripts/jquery-1.11.1.min.js" type="text/javascript"></script> 
        <script src="~/Scripts/jquery.unobtrusive-ajax.min.js" type="text/javascript"></script>   
        <script src="~/Scripts/jquery.validate.min.js" type="text/javascript"></script>
        <script src="~/Scripts/jquery.validate.unobtrusive.min.js" type="text/javascript">       
        </script>

        <meta name="viewport" content="width=device-width" />
        @Styles.Render("~/Content/css") 
        @Styles.Render("~/Content/themes/base/css") 
        @Scripts.Render("~/bundles/modernizr")
        @Scripts.Render("~/bundles/jquery") /
        @Scripts.Render("~/bundles/jqueryui")
        @Scripts.Render("~/bundles/jqueryval")


        @Scripts.Render("~/Scripts/buttons.js") 
        @Scripts.Render("~/Scripts/navigation.js")
    </head>

但是，它不起作用。 它引發錯誤：“ JavaScript運行時錯誤：無法獲取未定義或null引用mvc 4的屬性'unobtrusive'”。我認為這是因為我引用了太多腳本。 有人可以給我穿錯衣服嗎？

BUNDLE.config 

      public class BundleConfig
        {

            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",
                "~/Scripts/jquery-ui.unobtrusive-{version}.js"));

                bundles.Add(new StyleBundle("~/Content/themes/base/css").Include(
            "~/Content/themes/base/jquery.ui.core.css",
            "~/Content/themes/base/jquery.ui.datepicker.css",
            "~/Content/themes/base/jquery.ui.theme.css")); 

        bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                            "~/Scripts/jquery.validate*",
                            "~/Scripts/jquery.unobtrusive*"));


                bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
                            "~/Scripts/modernizr-*"));

                bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/site.css", 
       "~/Content/PagedList.css"));

                bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/site.css",
                            "~/Content/jquery-ui.css"));


                bundles.IgnoreList.Clear();
   bundles.IgnoreList.Ignore("*.intellisense.js");
                bundles.IgnoreList.Ignore("*-vsdoc.js");
                bundles.IgnoreList.Ignore("*.debug.js", OptimizationMode.WhenEnabled);


            }
        }

**PARTIAL VIEW** - 

    @model COMIS.Models.X
    @using(Html.BeginForm("Create"))
         { @Html.ValidationSummary(true)


        <fieldset class="innerform">
        <div>
            ....
        </div>
    </fieldset>

    } 


       <script src="~/Scripts/jquery-1.11.1.js" type="text/javascript"></script>
       <script src="~/Scripts/jquery.unobtrusive-ajax.min.js" type="text/javascript"></script>

2 個解決方案

解決方案1
 1  2014-10-29 20:38:38

嘗試按順序在“布局”頁面底部引用腳本。

例： 

   <script src="~/Scripts/jquery-2.1.1.js"></script>
   <script src="~/Scripts/jquery.unobtrusive-ajax.js"></script>
   <script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>
   <script src="~/Scripts/jquery.validate.js"></script>
   <script src="~/Scripts/jquery.validate.min.js"></script>
   <script src="~/Scripts/jquery.validate.unobtrusive.js"></script>
   <script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>
</body>
</html>

解決方案2
 0  2014-10-29 14:29:13

add all the other scripts to the BundleConfig.cs

<head>
<meta charset="utf-8" />
<title>@ViewBag.Title - COMIS</title>
<link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<meta name="viewport" content="width=device-width" />
@Styles.Render("~/Content/css") 
@Styles.Render("~/Content/themes/base/css") 
@Scripts.Render("~/bundles/modernizr")
</head>
<body>

</body>

@Scripts.Render("~/bundles/jquery") /
@Scripts.Render("~/bundles/jqueryui")
@Scripts.Render("~/bundles/jqueryval")
@Scripts.Render("~/Scripts/buttons.js") 
@Scripts.Render("~/Scripts/navigation.js")



Edit

// BundleConfig.cs

// for js scripts
bundles.Add(new ScriptBundle("~/bundles/*Bundle Name*").Include(
                        "~/Scripts/file.js")); // location of your js file

// reference js bundle like this
@Scripts.Render("~/bundles/*Bundle Name*")

// css
bundles.Add(new StyleBundle("~/Content/*Bundle Name*").Include(
                        "~/Content//css/file.css")); // location of css file

// reference css bundle like this
@Styles.Render("~/Content/*Bundle Name*")

暫無
暫無

聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 MVC4 jQuery的Min值非干擾式驗證 MVC4中不顯眼的客戶端驗證無法正常工作 可靠的驗證在MVC4中不斷突破 MVC4不顯眼的驗證不等待遠程驗證完成 MVC4：jQuery驗證Unobtrusive Native工作不正確 ASP.NET MVC4按需進行非侵入式驗證 Jquery 帖子和不顯眼的 ajax 驗證不起作用 mvc 4 MVC4入門AJAX BeginForm Internet Explorer DIV空 MVC4客戶端驗證和ajax MVC JQuery非侵入式驗證
相關標簽
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM