tinyMCE jQuery表单验证

Question

我想使用tinymce的getContent()来做一个自定义的验证规则，我该如何做到这一点与jQuery验证？我需要将规则应用于使用tinymce格式化的textarea。

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

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

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

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

}); 

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

Answer 1

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

• validating multiple TinyMCE Editor

• Jquery validation form with TinyMCE field who gives no error by empty value

Answer 2

你好，如果你没有得到在形式的客户端验证提交时间你用tinymce试试这个代码 假设你有两个html编辑器1是txtAboutCompanyan d 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(); 
});