.net - リッチテキストエディターでクライアント側の検証を適用する方法は?

Question

aspx apge(.net) に tinymce リッチ テキスト エディターがあります。これにクライアント側の検証を適用したいと考えています。誰でも私を助けることができますか？

Answer 1

Html エディターの tinymce を使用している場合、必要な検証が正常に機能しない場合は、このコードを使用して問題を解決
し、アプリケーションに tinymce をインストールできます。

モデルでは、tinymce.cshtml ページのパスを指定します。

    [Required(ErrorMessage = "Please enter About Company")]
    [Display(Name = "About Company : ")]
    [UIHint("tinymce_jquery_full"), AllowHtml]
    public string txtAboutCompany { get; set; }

ビューで、このようなスパンを 1 つ追加します

 <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();
        }
    });

あなたの問題が解決することを願っています