WebForms UnobtrusiveValidationMode membutuhkan ScriptResourceMapping untuk 'jquery'. Silakan tambahkan jquery ScriptResourceMapping bernama (case-sensitive)

Saya sedang membangun aplikasi web menggunakan Visual Studio 2012. Saya mencoba untuk menambahkan jumlah kata ke dalam kotak teks saya. Namun setelah menambahkan kode javascript dan kode html. Saya menerima kesalahan seperti yang disebutkan di atas.

Ini kode javascript saya

Kode:

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

Kode server di halaman master

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

Kode ASPX, (kode 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>

Anda memerlukan kunci web.config untuk mengaktifkan mode validasi pra 4.5.

Info Lebih Lanjut tentang ValidationSettings: UnobtrusiveValidationMode :

Menentukan bagaimana ASP.NET secara global memungkinkan kontrol validator bawaan untuk menggunakan JavaScript yang tidak mengganggu untuk logika validasi sisi klien.

Ketik: UnobtrusiveValidationMode

Nilai default: Tidak ada

Keterangan: Jika nilai kunci ini disetel ke "None" [default], aplikasi ASP.NET akan menggunakan perilaku pra-4.5 (JavaScript inline di halaman) untuk logika validasi sisi klien. Jika nilai kunci ini disetel ke "WebForms" , ASP.NET menggunakan atribut data HTML5 dan JavaScript terikat akhir dari referensi skrip yang ditambahkan untuk logika validasi sisi klien.

Contoh:

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

Daripada menonaktifkan fitur baru, saya memilih untuk mengikuti instruksi kesalahan. Di global.asax.cs saya menambahkan:

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

Ini berasal dari posting blog msdn yang menyoroti beberapa keuntungan dari pemetaan sumber daya skrip. Yang menarik bagi saya adalah kontrol terpusat atas pengiriman file skrip berdasarkan "debug = true", EnableCDN, dll.

Setidaknya ada tiga cara untuk menonaktifkan penggunaan JavaScript yang tidak mencolok untuk validasi sisi klien:

1. Tambahkan berikut ini ke file web.config:

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

2. Setel nilai System.Web.UI.ValidationSettings.UnobtrusiveValidationModeproperti statis keSystem.Web.UI.UnobtrusiveValidationMode.None
3. Tetapkan nilai System.Web.UI.Page.UnobtrusiveValidationModeproperti instance keSystem.Web.UI.UnobtrusiveValidationMode.None

Untuk menonaktifkan fungsi berdasarkan per halaman, saya lebih suka mengatur Page.UnobtrusiveValidationModeproperti menggunakan arahan halaman:

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

Validasi tidak mengganggu diaktifkan secara default di versi baru ASP.NET. Validasi tidak mengganggu bertujuan untuk mengurangi ukuran halaman dengan mengganti JavaScript sebaris untuk melakukan validasi dengan perpustakaan JavaScript kecil yang menggunakan jQuery.

Anda dapat menonaktifkannya dengan mengedit web.config untuk memasukkan yang berikut:

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

Atau lebih baik lagi mengkonfigurasi dengan benar dengan memodifikasi metode Application_Start di 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"
        }
    );
}

Halaman 399 dari Awal ASP.NET 4.5.1 dalam C # dan VB menyediakan diskusi tentang manfaat validasi yang tidak mengganggu dan langkah-langkah untuk mengonfigurasinya.

Bagi mereka yang mencari RouteConfig. Itu ditambahkan secara otomatis ketika Anda membuat proyek baru di studio visual ke folder App_Code. Isi terlihat seperti ini:

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

untuk menambahkan sedikit lebih banyak ke jawaban dari b_levitt ... di 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"
            });
        }
    }
}

di default.aspx Anda

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

Saya yakin saya pernah mengalami kesulitan yang sama. Saya mulai menemui masalah ketika saya berubah ke:

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

Yang memberikan pesan kesalahan yang Anda uraikan di atas.

menambahkan:

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

Memecahkan masalah, tetapi kemudian membuat kontrol / skrip validasi Anda membuang kesalahan runtime Javascript. Jika Anda berubah menjadi:

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

Kamu harus baik-baik saja, tetapi Anda harus memastikan bahwa sisa kode Anda sesuai dengan yang diinginkan. Anda mungkin juga harus melupakan beberapa fitur baru yang hanya tersedia pada 4,5 dan seterusnya.

PS Sangat disarankan agar Anda membaca yang berikut sebelum menerapkan solusi ini. Terutama, jika Anda menggunakan fungsi Async:

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

UPDATE April 2017: Setelah beberapa percobaan dan pengujian, saya menemukan kombinasi yang berfungsi:

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

dengan:

jQuery versi 1.11.3

Masalah terjadi karena validator Kontrol. Cukup tambahkan referensi J Query ke halaman web Anda sebagai berikut dan kemudian tambahkan Pengaturan Validasi di file web.config Anda untuk mengatasi masalah tersebut. Saya juga menghadapi masalah yang sama dan di bawah ini memberikan solusi untuk masalah saya.

Langkah 1:

Langkah 2 :

Itu akan menyelesaikan masalah Anda.

Ini memiliki 3 solusi yang dikatakan orang lain di atas ... tetapi ketika mencoba solusi Application_Start, pustaka jQuery saya yang lain seperti Pickup_Date_and_Time tidak berfungsi ... jadi saya menguji cara kedua dan dijawab: 1- mengatur Target FrameWork ke Pre 4.5 2 - Gunakan "UnobtrusiveValidationMode =" None "" di header halaman Anda =>

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

ini bekerja untuk saya dan tidak mengganggu fungsi jQuery saya yang lain.