javascript - CK编辑器第二次验证

Question

我的 HTML 中有两个 CKEditor(我的意思是说多个 ckeditor)。

我还使用验证插件来检查 CKEditor 是否为空，如果为空则显示错误。

验证工作完美，但它会验证第二次，而它应该验证第一次本身。

我已经检查了这里的所有问题和答案，但没有任何帮助。

我创建了一个JS Fiddle .

验证代码:

HTML

<form action="" method="post" id="frmEditor">

    <p>
        <label for="editor1">
            Editor 1:
        </label>
        <textarea class="ckeditor" cols="80" id="editor1" name="editor1" rows="10"></textarea>
    </p>
    <p>

    </p>

    <p>
        <label for="editor1">
            Editor 2:
        </label>
        <textarea class="ckeditor" cols="80" id="editor2" name="editor2" rows="10"></textarea>
    </p>
    <p>
        <input type="submit" value="Submit">
    </p>

</form>

脚本

$(document).ready(function(){   
// validate signup form on keyup and submit
    $("#frmEditor").validate({
        ignore: [],
        debug: false,
        rules: {
            editor1:{
                required: true
            },
            editor2:{
                required: true
            }           
        },
        messages: {         
            editor1: {
                required: "Please enter"
            },
            editor2: {
                required: "Please enter"
            }           
        },
        submitHandler: function(form) {
            form.submit();
        }       
    });
});

Answer 1

您需要在执行验证之前更新实例。因此，首先在按钮上添加 id 属性或类，如下所示

<input type="submit" value="Submit" id="submitFormBtn">

现在在你的js代码中编写下面的函数

$('#submitFormBtn').click(function () {
    CKEDITOR.instances.editor1.updateElement();
    CKEDITOR.instances.editor2.updateElement();
});

希望这会起作用。