WebForms UnobtrusiveValidationMode nécessite un ScriptResourceMapping pour «jquery». Veuillez ajouter un ScriptResourceMapping nommé jquery (sensible à la casse)

Je crée une application Web à l'aide de Visual Studio 2012. J'essaie d'ajouter le nombre de mots dans ma zone de texte. Cependant après avoir ajouté les codes javascript et les codes html. Je reçois l'erreur comme indiqué ci-dessus.

Voici mes codes javascript

Code:

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, "");
}

Codes de serveur dans la page maître

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

Codes ASPX, (codes 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>

Vous avez besoin d'une clé web.config pour activer le mode de validation pré 4.5.

Plus d'informations sur ValidationSettings: UnobtrusiveValidationMode :

Spécifie comment ASP.NET permet globalement aux contrôles de validation intégrés d'utiliser du JavaScript discret pour la logique de validation côté client.

Type: UnobtrusiveValidationMode

Valeur par défaut: aucune

Remarques: Si cette valeur de clé est définie sur "Aucun" [par défaut], l'application ASP.NET utilisera le comportement antérieur à 4.5 (JavaScript en ligne dans les pages) pour la logique de validation côté client. Si cette valeur de clé est définie sur "WebForms" , ASP.NET utilise des attributs de données HTML5 et du JavaScript lié tardivement à partir d'une référence de script ajoutée pour la logique de validation côté client.

Exemple:

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

Plutôt que de désactiver une nouvelle fonctionnalité, j'ai choisi de suivre les instructions de l'erreur. Dans mon global.asax.cs, j'ai ajouté:

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"
    });
}

Cela provient d'un article de blog msdn qui met en évidence certains des avantages des mappages de ressources de script. Un intérêt particulier pour moi était le contrôle centralisé de la livraison des fichiers de script basé sur "debug = true", EnableCDN, etc.

Il existe au moins trois façons de désactiver l'utilisation de JavaScript discret pour la validation côté client:

1. Ajoutez ce qui suit au fichier web.config:

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

2. Définissez la valeur de la System.Web.UI.ValidationSettings.UnobtrusiveValidationModepropriété statique surSystem.Web.UI.UnobtrusiveValidationMode.None
3. Définissez la valeur de la System.Web.UI.Page.UnobtrusiveValidationModepropriété d'instance surSystem.Web.UI.UnobtrusiveValidationMode.None

Pour désactiver la fonctionnalité page par page, je préfère définir la Page.UnobtrusiveValidationModepropriété à l'aide de la directive page:

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

La validation discrète est activée par défaut dans la nouvelle version d'ASP.NET. La validation discrète vise à réduire la taille de la page en remplaçant le JavaScript en ligne pour effectuer la validation par une petite bibliothèque JavaScript qui utilise jQuery.

Vous pouvez le désactiver en modifiant web.config pour inclure les éléments suivants:

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

Ou mieux encore, configurez-le correctement en modifiant la méthode Application_Start dans global.asax:

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"
        }
    );
}

La page 399 du début d'ASP.NET 4.5.1 en C # et VB fournit une discussion sur les avantages de la validation discrète et une procédure pas à pas pour la configurer.

Pour ceux qui recherchent RouteConfig. Il est ajouté automatiquement lorsque vous créez un nouveau projet dans Visual Studio dans le dossier App_Code. Le contenu ressemble à ceci:

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);
        }
    }
}

pour ajouter un peu plus à la réponse de b_levitt ... sur global.asax:

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"
            });
        }
    }
}

sur votre 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>

Je crois avoir rencontré le même dilemme. J'ai commencé à rencontrer le problème lorsque j'ai changé pour:

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

Ce qui donne le message d'erreur que vous décrivez ci-dessus.

ajouter:

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

Résout le problème, mais cela fait que vos contrôles / scripts de validation génèrent des erreurs d'exécution Javascript. Si vous changez pour:

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

Vous devriez être OK, mais vous devrez vous assurer que le reste de votre code se comporte / se comporte comme vous le souhaitez. Vous devrez peut-être également renoncer à certaines nouvelles fonctionnalités uniquement disponibles à partir de la version 4.5.

PS Il est fortement recommandé de lire ce qui suit avant de mettre en œuvre cette solution. Surtout, si vous utilisez la fonctionnalité Async:

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

MISE À JOUR avril 2017: Après quelques expérimentations et tests, j'ai trouvé une combinaison qui fonctionne:

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

avec:

jQuery version 1.11.3

Le problème est survenu en raison du validateur de contrôle. Ajoutez simplement la référence J Query à votre page Web comme suit, puis ajoutez les paramètres de validation dans votre fichier web.config pour résoudre le problème. Moi aussi, j'ai fait face au même problème et ce qui suit a donné la solution à mon problème.

Étape 1:

Étape 2 :

Cela résoudra votre problème.

Il y a 3 solutions que d'autres gars ont dites à supérieur ... mais lorsque vous essayez la solution Application_Start, mon autre bibliothèque jQuery comme Pickup_Date_and_Time ne fonctionne pas ... alors je teste la deuxième façon et il est répondu: 1- définissez le FrameWork cible sur Pre 4.5 2 - Utilisez "UnobtrusiveValidationMode =" None "" dans l'en-tête de votre page =>

<%@ Page Title="" Language="C#" 
    MasterPageFile="~/Master/MasteOfHotel.Master" 
    UnobtrusiveValidationMode="None" %>

cela fonctionne pour moi et ne perturbe pas mon autre fonction jQuery.