I'm construindo uma aplicação web usando o Visual Studio 2012. I'm tentando adicionar contagem de palavras na minha caixa de texto. Entretanto, depois de adicionar os códigos javascript e os códigos html. Eu recebo o erro como dito acima.
Aqui estão os meus códigos javascript
Código :
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, "");
}
Códigos de servidor na página principal
<script type="text/javascript" src="js/JScript.js" ></script>
Códigos ASPX, ( códigos 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>
Você precisa de uma chave web.config para ativar o modo de validação pré 4.5.
Mais informações sobre ValidationSettings:UnobtrusiveValidationMode:
Especifica como o ASP.NET possibilita globalmente os controles de validação incorporados para usar JavaScript discreto para lógica de validação do lado do cliente.
Tipo: UnobtrusiveValidationMode
Valor por defeito: Nenhum
Observações: Se este valor chave estiver definido para "Nenhum" [padrão], o ASP.NET a aplicação usará o comportamento pré-4.5 (JavaScript inline em as páginas) para a lógica de validação do lado do cliente. Se este valor chave estiver definido para "WebForms", ASP.NET usa HTML5 data-attributes e late bound JavaScript a partir de uma referência de script adicionada para validação do lado do cliente lógica.
exemplo:
< appSettings>
Em vez de desactivar uma nova funcionalidade, optei por seguir as instruções do erro. No meu global.asax.cs eu adicionei:
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"
});
}
Isto vem de um msdn post de blog que destaca algumas das vantagens dos mapeamentos de recursos de script. De particular interesse para mim foi o controle centralizado sobre a entrega dos arquivos de script baseado em "debug=true", EnableCDN, etc.
A validação discreta é ativada por padrão na nova versão do ASP.NET. A validação discreta visa diminuir o tamanho da página através da substituição do JavaScript em linha para realizar a validação por uma pequena biblioteca JavaScript que utiliza jQuery.
Você pode desativá-lo editando o web.config para incluir o seguinte:
<appSettings>
<add key="ValidationSettings:UnobtrusiveValidationMode" value="None" />
</appSettings>
Ou melhor ainda, configure-o corretamente modificando o método Application_Start em 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"
}
);
}
Página 399 de Beginning ASP.NET 4.5.1 em C# e VB fornece uma discussão sobre o benefício da validação discreta e um passo-a-passo para sua configuração.
Para quem procura o RouteConfig. Ele é adicionado automaticamente quando você faz um novo projeto em estúdio visual na pasta App_Code. O conteúdo é algo parecido com isto:
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);
}
}
}