web-dev-qa-db-ja.com

WebForms UnobtrusiveValidationModeでは、 'jquery'のScriptResourceMappingが必要です。jqueryという名前のScriptResourceMappingを追加してください（大文字と小文字を区別）

Visual Studio 2012を使用してWebアプリケーションを構築しています。テキストボックスにWordの数を追加しようとしています。ただし、JavaScriptコードとHTMLコードを追加した後。上記のようにエラーを受け取ります。

これが私のJavaScriptコードです。

コード：

function validateLimit(obj, divID, maxchar) {

objDiv = get_object(divID);

if (this.id) obj = this;

var remaningChar = maxchar - trimEnter(obj.value).length;

if (objDiv.id) {
    objDiv.innerHTML = remaningChar + " characters left";
}
if (remaningChar <= 0) {
    obj.value = obj.value.substring(maxchar, 0);
    if (objDiv.id) {
        objDiv.innerHTML = "0 characters left";
    }
    return false;
}
else
{ return true; }
}

function get_object(id) {
var object = null;
if (document.layers) {
    object = document.layers[id];
} else if (document.all) {
    object = document.all[id];
} else if (document.getElementById) {
    object = document.getElementById(id);
}
return object;
}

function trimEnter(dataStr) {
return dataStr.replace(/(\r\n|\r|\n)/g, "");
}

マスターページのサーバーコード

<script type="text/javascript" src="js/JScript.js" ></script>

ASPXコード、（HTMLコード）

<tr>
<th style="width: 595px; height: 135px;">Official Report :</th>
<td colspan="4" style="height: 135px">
  <asp:TextBox ID="tbofficial" runat="server" Height="121px" TextMode="MultiLine" Width="878px" MaxLength="500"   ToolTip="Summary:(500 characters)" onkeyup="return validateLimit(this, 'lblMsg1', 500)" ></asp:TextBox>
  <div id="lblMsg1">500 characters left</div>
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
        ControlToValidate="tbofficial" Display="Dynamic" 
        SetFocusOnError="True">*</asp:RequiredFieldValidator>
  <br />
  <asp:Label ID="lblmsg" runat="server"></asp:Label>
  <br />
  <br />
        <asp:Button ID="btnSubmit" runat="server" Text="Submit" OnClick="btnSubmit_Click" />
  <asp:Button ID="btnClear" runat="server" Text="Clear" OnClick="btnClear_Click" />
        </td>
</tr>
htmlasp.netvisual-studioword-count
286
Teo Chuen Wei Bryan

4.5より前の検証モードを有効にするにはweb.configキーが必要です。

ValidationSettingsに関する詳細情報：UnobtrusiveValidationMode：

ASP.NETが組み込みのバリデータコントロールがクライアントサイドの検証ロジックに目立たないJavaScriptを使用することをグローバルに有効にする方法を指定します。

タイプ：UnobtrusiveValidationMode

デフォルト値：なし

備考：このキーの値が "None" [default]に設定されている場合、ASP.NETアプリケーションはクライアントに対して 4.5より前の動作 （JavaScriptはページ内にインライン）を使用します。サイドバリデーションロジック。このキー値が "WebForms" に設定されている場合、ASP.NETはクライアント側の検証ロジックとして HTML5データ属性と追加されたスクリプト参照 からのJavaScriptを使用します。

例：

    <appSettings>
      <add key="ValidationSettings:UnobtrusiveValidationMode" value="None" />
    </appSettings>
539
ericdc

新しい機能を無効にするのではなく、エラーの指示に従うことにしました。私のglobal.asax.csに追加しました：

protected void Application_Start(object sender, EventArgs e)
{
    string JQueryVer = "1.7.1";
    ScriptManager.ScriptResourceMapping.AddDefinition("jquery", new ScriptResourceDefinition
    {
        Path = "~/Scripts/jquery-" + JQueryVer + ".min.js",
        DebugPath = "~/Scripts/jquery-" + JQueryVer + ".js",
        CdnPath = "http://ajax.aspnetcdn.com/ajax/jQuery/jquery-" + JQueryVer + ".min.js",
        CdnDebugPath = "http://ajax.aspnetcdn.com/ajax/jQuery/jquery-" + JQueryVer + ".js",
        CdnSupportsSecureConnection = true,
        LoadSuccessExpression = "window.jQuery"
    });
}

これは msdnブログ投稿 から来ており、スクリプトリソースマッピングの利点のいくつかを強調しています。私にとって特に興味深いのは、 "debug = true"、EnableCDNなどに基づくスクリプトファイルの配信を集中管理することでした。

164
b_levitt

クライアントサイドの検証で目立たないJavaScriptの使用を無効にする方法は少なくとも3つあります。

  1. Web.configファイルに次の行を追加します。
    <configuration>
  <appSettings>
    <add key="ValidationSettings:UnobtrusiveValidationMode" value="None" />
  </appSettings>
</configuration>
  2. System.Web.UI.ValidationSettings.UnobtrusiveValidationMode静的プロパティの値をSystem.Web.UI.UnobtrusiveValidationMode.Noneに設定します
  3. System.Web.UI.Page.UnobtrusiveValidationModeインスタンスプロパティの値をSystem.Web.UI.UnobtrusiveValidationMode.Noneに設定します

ページごとに機能を無効にするには、pageディレクティブを使用してPage.UnobtrusiveValidationModeプロパティを設定することをお勧めします。

<%@ Page Language="C#" UnobtrusiveValidationMode="None" %>
88
Ryan Prechel

控えめな検証は、新しいバージョンのASP.NETでは既定で有効になっています。控えめなバリデーションは、jQueryを使用する小さなJavaScriptライブラリでバリデーションを実行するためのインラインJavaScriptを置き換えることによってページサイズを減らすことを目的としています。

次のようにweb.configを編集して無効にすることもできます。

<appSettings>
  <add key="ValidationSettings:UnobtrusiveValidationMode" value="None" />
</appSettings>

あるいは、global.asaxのApplication_Startメソッドを変更して、さらに適切に構成します。

void Application_Start(object sender, EventArgs e) 
{
    RouteConfig.RegisterRoutes(System.Web.Routing.RouteTable.Routes);
    ScriptManager.ScriptResourceMapping.AddDefinition("jquery",
        new ScriptResourceDefinition
        {
            Path = "/~Scripts/jquery-2.1.1.min.js"
        }
    );
}

C＃およびVBでASP.NET 4.5.1を開始するのページ399では、控えめな検証の利点とそれを構成するためのチュートリアルについて説明しています。

RouteConfigを探している人のために。 Visual Studioで新しいプロジェクトをApp_Codeフォルダーに作成すると自動的に追加されます。内容は次のようになります。

using System;
using System.Collections.Generic;
using System.Web;
using System.Web.Routing;
using Microsoft.AspNet.FriendlyUrls;

namespace @default
{
    public static class RouteConfig
    {
        public static void RegisterRoutes(RouteCollection routes)
        {
            var settings = new FriendlyUrlSettings();
            settings.AutoRedirectMode = RedirectMode.Permanent;
            routes.EnableFriendlyUrls(settings);
        }
    }
}
44
denver

私は同じ不安に遭遇したと信じています。次のように変更すると、問題が発生し始めました。

</system.web>
<httpRuntime targetFramework="4.5"/>

上記のエラーメッセージが表示されます。

追加：

<appSettings>
  <add key="ValidationSettings:UnobtrusiveValidationMode" value="None" />

問題を解決しますが、その後、検証コントロール/スクリプトがJavascriptランタイムエラーをスローします。に変更する場合：

</system.web>
<httpRuntime targetFramework="4.0"/>

OKである必要がありますが、コードの残りの部分が希望どおりに動作することを確認する必要があります。また、4.5以降でのみ利用可能ないくつかの新機能を忘れる必要があるかもしれません。

PSこのソリューションを実装する前に、以下を読むことを強くお勧めします。特に、非同期機能を使用する場合：

https://blogs.msdn.Microsoft.com/webdev/2012/11/19/all-about-httpruntime-targetframework/

2017年4月の更新：いくつかの実験とテストの後、私は機能する組み合わせを思い付きました：

<add key="ValidationSettings:UnobtrusiveValidationMode" value="None" />
<httpRuntime targetFramework="4.5.1" />

で：

jQueryバージョン1.11.3

10
DaniDev

global.asax上のb_levitt ...からの回答にもう少し追加するには：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.SessionState;
using System.Web.UI;

namespace LoginPage
{
    public class Global : System.Web.HttpApplication
    {
        protected void Application_Start(object sender, EventArgs e)
        {
            string JQueryVer = "1.11.3";
            ScriptManager.ScriptResourceMapping.AddDefinition("jquery", new ScriptResourceDefinition
            {
                Path = "~/js/jquery-" + JQueryVer + ".min.js",
                DebugPath = "~/js/jquery-" + JQueryVer + ".js",
                CdnPath = "http://ajax.aspnetcdn.com/ajax/jQuery/jquery-" + JQueryVer + ".min.js",
                CdnDebugPath = "http://ajax.aspnetcdn.com/ajax/jQuery/jquery-" + JQueryVer + ".js",
                CdnSupportsSecureConnection = true,
                LoadSuccessExpression = "window.jQuery"
            });
        }
    }
}

あなたのdefault.aspxに

<body>
   <form id="UserSectionForm" runat="server">
     <asp:ScriptManager ID="ScriptManager" runat="server">
          <Scripts>
               <asp:ScriptReference Name="jquery" />
          </Scripts>
     </asp:ScriptManager>
     <%--rest of your markup goes here--%>         
   </form>
</body>
9
BernieSF

問題はコントロールバリデータが原因で発生しました。次のようにWebページにJ Query参照を追加してから、問題を解決するためにweb.configファイルに検証設定を追加してください。私も同じ問題に直面しました、そして、以下は私の問題に対する解決策を与えました。

ステップ1：

Code to be added in web page

ステップ2：

Code to be added in Web.config file

それはあなたの問題を解決します。

7
Ivan

他の答えを見てもコードや設定が正しいと思われる場合は、私は展開された（開発段階）Webサイトでもこの問題を抱えていて、問題はGlobal.asaxファイルの名前が変更されたことです。 （私によると、数日前にcustomErrorsとApplication_Errorをいじっていました）

1
StingyJack