Javascript Ajax Html编辑器未使用ASP.NET C计算母版页中的字符数#_Javascript_Jquery_Asp.net_Ajax

Javascript Ajax Html编辑器未使用ASP.NET C计算母版页中的字符数#

javascript jquery asp.net ajax

Javascript Ajax Html编辑器未使用ASP.NET C计算母版页中的字符数#,javascript,jquery,asp.net,ajax,Javascript,Jquery,Asp.net,Ajax,如果不使用母版页，它工作得很好，而当我使用母版页时，它就不工作了我认为TrackCharacterCount函数在mastere页面中不起作用我还尝试了新的Jquery脚本： <script type="text/javascript" src="scripts/jquery-2.1.4.min.js"></script> 母版页设计代码： <head runat="server"> <title></title>

如果不使用母版页，它工作得很好，而当我使用母版页时，它就不工作了

我认为TrackCharacterCount函数在mastere页面中不起作用

我还尝试了新的Jquery脚本：

 <script type="text/javascript" src="scripts/jquery-2.1.4.min.js"></script>

母版页设计代码：

  <head runat="server">
   <title></title>

 <script type="text/javascript" src="scripts/jquery-1.3.2-vsdoc2.js">    </script>

<asp:ContentPlaceHolder id="head" runat="server"> 

</asp:ContentPlaceHolder>
 </head>
     <body>
    <form id="form1" runat="server">
      <div>
       <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">

      </asp:ContentPlaceHolder>
</div>
  </form>
</body>

Default2.aspx代码：

  <%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>

  <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit.HTMLEditor" TagPrefix="cc1" %>


   <asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">

   </asp:Content>
   <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">


 <script type="text/javascript">

     $(document).ready(function () {
         TrackCharacterCount(Editor1, Editor1CountLimit, Editor1InfoArea);
         TrackCharacterCount(Editor2, Editor1CountLimit, Editor1InfoArea1);
     });


     var Editor1 = '#Editor1';
     var Editor1CountLimit = 50
     var Editor1InfoArea = '#Info';

     var Editor2 = '#Editor2';
     var Editor1InfoArea1 = '#Info1';


     function TrackCharacterCount(ctl, limit, info) {
         var editor = $(ctl).contents().find('iframe').eq(2);
         $(editor).load(function () {
             var txt = $(this).contents().find('body').text();
             $(info).html(txt.length); //set initial value 
             $(this).contents().keyup(function () {
                 var txt = $(this).contents().find('body').text();

                 if (txt.length > limit)
                     $(info).html(txt.length).css("color", "red");
                 else
                     $(info).html(txt.length).css("color", "");
             });
         });
     }

     function ValidateEditor1Length(source, args) {
         var editor = $(Editor1).contents().find('iframe').eq(2);
         var txt = editor.contents().find('body').text();
         var isValid = txt.length > 0 && txt.length <= Editor1CountLimit;
         args.IsValid = isValid;
     }


     function ValidateEditor1Length1(source, args) {
         var editor = $(Editor2).contents().find('iframe').eq(2);
         var txt = editor.contents().find('body').text();
         var isValid = txt.length > 0 && txt.length <= Editor1CountLimit;
         args.IsValid = isValid;
     }

</script> 


      <asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>
  <div>

            <div id="Info">Info</div>


    <cc1:Editor ID="Editor1" runat="server" />
    <asp:CustomValidator ID="CustomValidator1" runat="server" ControlToValidate="Editor1" ClientValidationFunction="ValidateEditor1Length" ErrorMessage="Exceeded Character Limit"></asp:CustomValidator>


   <div id="Info1">Info</div>

    <cc1:Editor ID="Editor2" runat="server" />
    <asp:CustomValidator ID="CustomValidator2" runat="server" ControlToValidate="Editor2" ClientValidationFunction="ValidateEditor1Length1" ErrorMessage="Exceeded Character Limit"></asp:CustomValidator>

</div>
<asp:Button ID="Button1" runat="server" Text="Button" />


$（文档）.ready（函数（）{
TrackCharacterCount（Editor1、Editor1CountLimit、Editor1Info区域）；
TrackCharacterCount（Editor2、Editor1计数限制、Editor1信息区域1）；
});
var Editor1='#Editor1'；
var Editor1CountLimit=50
var editor1info区域='#Info'；
var Editor2='#Editor2'；
var Editor1InfoArea1='#Info1'；
函数TrackCharacterCount（控制、限制、信息）{
变量编辑器=$（ctl.contents（）.find（'iframe'）.eq（2）；
$（编辑器）.加载（函数（）{
var txt=$（this.contents（）.find（'body'）.text（）；
$（info.html（txt.length）；//设置初始值
$（this）.contents（）.keyup（函数（）{
var txt=$（this.contents（）.find（'body'）.text（）；
如果（txt.length>limit）
$（info.html（txt.length）.css（“颜色”、“红色”）；
其他的
$（info.html（txt.length）.css（“颜色”，“长度”）；
});
});
}
函数ValidateEditor1Length（源，参数）{
var editor=$（Editor1.contents（）.find（'iframe'）.eq（2）；
var txt=editor.contents（）.find（'body'）.text（）；
var isValid=txt.length>0&&txt.length 0&&txt.length将脚本放在母版页的标题中，如下所示
<head>
<script type="text/javascript" 
        src="<%# ResolveUrl("~/YourScriptFolder/YourJavascript.js") %>">
</script>
</head>

将脚本放在母版页的页眉中，如下图所示
<head>
<script type="text/javascript" 
        src="<%# ResolveUrl("~/YourScriptFolder/YourJavascript.js") %>">
</script>
</head>


你试过这个了吗