3

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を使用することを考えています。これは、tinymceでjquery検証を機能させるための回避策を作成するのと同じくらい多くの労力があるように見えるためです。考えられる解決策についての考えは？

4

3 に答える 3

4

次のstackoverflowの質問は、その問題に役立つはずです。

于 2012-07-09T07:50:50.300 に答える
0

こんにちは、tinymceを使用しているときにフォームの送信時にクライアント側の検証が行われない場合は、このコードを試してください。2つのhtmlエディターがあります。1はtxtAboutCompanyで、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();
        }
    });

フォームの送信時に必要なすべての検証を取得できます

私はこれが適切な方法ではないことを知っていますが、あなたはそれを行うことができます。

于 2014-03-04T10:58:26.107 に答える
0 
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();
});
于 2017-01-03T10:59:46.443 に答える