TinyMCE的jQuery的表单验证(tinyMCE jQuery form validation

我试图将TinyMCE的getContent()来创建自定义的验证规则，我怎么能做到这一点与jQuery验证？ 我需要将规则应用于与TinyMCE的格式化的文本区域。

验证： http://bassistance.de/jquery-plugins/jquery-plugin-validation/

$("#element").click( function(e) {

    console.log(tinyMCE.activeEditor.getContent());

    $("#someForm").validate({
        rules: {        
            title: {
                required: true
            }
        }
    });

});

我想只用带的getContent（）的JavaScript的一点点，因为它看起来像有一样多的努力创造一种变通方法来获得jQuery验证与TinyMCE的工作。 可能的解决办法的思考？

Answer 1:

下面的计算器的问题应该可以帮助您在这个问题上：

• 验证多个TinyMCE的编辑器

• 与TinyMCE的领域jQuery验证表单谁由空值没有给出错误

Answer 2:

你好，如果你没有在形式获取客户端验证提交的时候，你与TinyMCE的试试这个代码假设你有两个HTML编辑器1 txtAboutCompanyand 2 txtProductinfo

这是客户端代码

<div class="divclass">
   @Html.LabelFor(model => model.txtAboutCompany, new { @class = "required" })
   @Html.EditorFor(model => model.txtAboutCompany)
  <span class="field-validation-error" id="AC" style="margin:9px 0 0 157px;"></span>
</div>

这是jQuery的

$("#BusinessProfile").click(function () {
        var aboutC = $("#txtAboutCompany").val()
        var pinfo = $("#txtProductinfo").val();
        if (aboutC == "" && pinfo == "") {
            $("#AC").append("").val("").html("Please enter about company")
            $("#PI").append("").val("").html("Please enter product information")
            $("#bpform").valid();

            return false;
        } else if (aboutC == "") {
            $("#PI").append("").val("").html("")
            $("#AC").append("").val("").html("Please enter about company")
            $("#txtAboutCompany").focus();

            $("#bpform").valid();
            return false;
        } else if (pinfo == "") {
            $("#AC").append("").val("").html("")
            $("#PI").append("").val("").html("Please enter product information")
            $("#txtProductinfo").focus();
            $("#bpform").valid();

            return false;
        }
        else {
            $("#AC").append("").val("").html("");
            $("#PI").append("").val("").html("");
            //return true;
            $("#bpform").validate();
        }
    });

你可以在表格所需的所有验证提交时间

我知道这是不是正确的方式，但你可以做到这一点。

Answer 3:

function tinymceValidation() {
    var content = tinyMCE.activeEditor.getContent();
    if (content === "" || content === null) {
        $("#questionValid").html("<span>Please enter question statement</span>");
    } else {
        $("#questionValid").html("");
    }
}

tinymce.activeEditor.on('keyup', function (e) {
    debugger;
    tinymceValidation();
});

$(form).submit(function (e) {
    tinymceValidation();
});

文章来源: tinyMCE jQuery form validation