CKeditor与Asp.net验证控件的问题

最新推荐文章于 2025-09-12 16:56:45 发布

weixin_34144848

最新推荐文章于 2025-09-12 16:56:45 发布

阅读量73

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/asyuras/archive/2010/09/07/1820349.html

本文介绍了解决ASP.NET中使用CKeditor时遇到的验证问题。通过使用jQuery和CKeditor API，确保表单提交前CKeditor的内容已同步到Textarea控件，从而避免了多次点击提交按钮的问题。

在Asp.net中，如果给CKeditor加了RequiredField Validator 验证控件，在提交表单时，可能要点两次，点第一次时会出现验证失败，点第二次就可以提交。原因是，点第一次时CKeditor中的内容还未负给Textarea控件。解决方法：

<script src="_scripts/jquery-1.3.2.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="ckeditor/ckeditor.js"></script>
    <script type="text/javascript" src="ckeditor/adapters/jquery.js"></script> 
    <script type="text/javascript" language="javascript">
        $(document).ready(function() {
            $('#TextBox1').ckeditor();
        });
       
        function UpdateContent() {          
            var ckeditorinstance = $('#TextBox1').ckeditorGet();
            ckeditorinstance.updateElement();
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:TextBox ID="TextBox1" TextMode="MultiLine" runat="server"></asp:TextBox> 
         <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server"
        ControlToValidate="TextBox1" ErrorMessage="No content in CKEditor!"></asp:RequiredFieldValidator> 
    </div>
    <asp:Button ID="btnSave" OnClientClick="javascript:UpdateContent()" runat="server" Text="Save" onclick="btnSave_Click" />

转载于:https://www.cnblogs.com/asyuras/archive/2010/09/07/1820349.html