当前位置 博文首页 > 当使用ckeditor控件时,需要校验输入内容是否为空的一种解决办法

    当使用ckeditor控件时,需要校验输入内容是否为空的一种解决办法

    作者:admin 时间:2021-09-02 18:55

    fckeditor 验证内容是否为空 fckeditor Js验证表单
    原来的代码代码如下
    复制代码 代码如下:

    <script language = "javascript">
    <!--
    function checkForm(){
    if (document.form1.content.value==""){
    alert("请输入内容!");
    return false;
    }
    return true;
    }
    //-->
    </script>
    <form name="form1" method="post" action="" onsubmit="return checkForm();">
    <FCK:editor basePath="fckeditor/" height="350" >
    </FCK:editor>
    <input type="submit" name="Submit" value="发布">
    </form>

    这样是我们写程序中最经常的写法 提交之前进行验证内容是否为空!
    使用了编辑器以后 在第一次按提交按钮的时候 总是获取不到编辑器的值 内容已经输入 可是content并没有任何值!需要我们再次点提交按钮 content 才能获取到值!
    对于这个问题 好多人都觉得困惑!有写是用JS去读取输入域中的HTML内容!可是这只对全JS版本的fckeditor 才有效果 对 JSP版本的 并不起作用!对于这样的状态 也只能怪fckeditor开发者了!而代码太多太麻烦 想要修改其核心谈何容易!
    本人经过不断的测试 现得到一个方法可以解决次问题!先拿出来大家分享
    改写代码如下
    复制代码 代码如下:

    <script language = "javascript">
    <!--
    function checkForm(){
    setTimeout("SendForm()",50);
    return false;
    }
    function SendForm(){
    if (document.form1.content.value==""){
    alert("请输入内容!");
    return;
    }
    document.form1.submit();
    }
    //-->
    </script>
    <form name="form1" method="post" action="" onsubmit="return checkForm();">
    <FCK:editor basePath="fckeditor/" height="350" >
    </FCK:editor>
    <input type="submit" name="Submit" value="发布">
    </form>

    修改成这样的目的是因为编辑器已经监视了onsubmit这个事件 是要在提交以后才把跟新的内容置入隐藏域content 中,原先的来不及置入内容便已经执行了验证事件所以当然取不到及时的内容!

    //==============================================

    以上内容为转帖,不过经过我实际工作的检验,有效。
    jsjbwy
下一篇:没有了