Hi

 

I have a page with a Cute Editor that the user hides/shows via javascript (setting the <div style='display:none'> )

The page must validate on the client side (even when the Editor is hidden) .

 But the line "editor.GetDocument()" fails if the editor is hidden.

Any workaround ?

Here's a stripped down version of the page. (It works if you remove the display:none)

 

 <script language="javascript" type="text/javascript">
    <!--
        function maxSizeEdit(source, args) {
            alert('<%= edit.ClientID %>');
            args.IsValid = valCuteEditorLength('<%= edit.ClientID %>', 10, 'My Editor');
        }

        function valCuteEditorLength(id, maxLength, controlToValidateName) {
            var editor = document.getElementById(id);
            var editdoc = editor.GetDocument();
            var editbody = editdoc.body;
               
            var curLength;
            if (document.all)
            { curLength = editbody.innerText.length; }
            else
            { curLength = editbody.textContent.length; }
            
            if (curLength <= maxLength) {
                return true;
            }
            else {
                alert(controlToValidateName + ' exceeded ' + maxLength + ' characters');
                return false;
            }
        }
    //-->
</script>
      
    <form id="form1" runat="server">
    <asp:ScriptManager runat="server" ID="sm"></asp:ScriptManager>
    <div>
        <asp:ValidationSummary runat="server" ID="valSummary" DisplayMode="List" ShowSummary="true" />
        <div style="display:none">
        <CE:Editor runat="server" ID="edit" ShowEditMode="False" ShowHtmlMode="False"
            ShowPreviewMode="False" Text="12456789012345"></CE:Editor>
        </div>    
        <asp:CustomValidator runat="server" ID="valEdit" ValidateEmptyText="true" ControlToValidate="edit" ClientValidationFunction="maxSizeEdit" ErrorMessage="Too Big" Text="*"></asp:CustomValidator>    
        
        <asp:Button runat="server" ID="btnOK" Text="OK" CausesValidation="true"/>
    </div>
    </form>