tinyMCE jQuery表单validation
我正在尝试使用tinymce的getContent()
来制作自定义validation规则,如何使用jqueryvalidation执行此操作? 我需要将规则应用于使用tinymce格式化的textarea。
validation: 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,因为它看起来像创建一个解决方法以使jqueryvalidation与tinymce一起工作的努力。 对可能解决方案的想法
以下stackoverflow问题可以帮助您解决该问题:
-
validation多个TinyMCE编辑器
-
带有TinyMCE字段的Jqueryvalidation表单,它没有空值给出错误
如果您在使用tinymce时没有在表单提交时获得客户端validation,请尝试此代码假设您有两个html编辑器1是txtAboutCompany和2是txtProductinfo
这是客户端代码
@Html.LabelFor(model => model.txtAboutCompany, new { @class = "required" }) @Html.EditorFor(model => model.txtAboutCompany)
这是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(); } });
您可以在表单提交时获得所有必需的validation
我知道这不是正确的方法,但你可以做到。
function tinymceValidation() { var content = tinyMCE.activeEditor.getContent(); if (content === "" || content === null) { $("#questionValid").html("Please enter question statement"); } else { $("#questionValid").html(""); } } tinymce.activeEditor.on('keyup', function (e) { debugger; tinymceValidation(); }); $(form).submit(function (e) { tinymceValidation(); });