.net - 如何在富文本编辑器上应用客户端验证？

Question

我的 aspx apge(.net) 上有一个 tinymce 富文本编辑器，我想在此应用客户端验证。有谁能够帮我？

Answer 1

你必须使用tinyMCE.get('<%=txt_editor1.ClientID %>').getContent()而不是document.getElementById('<%=txt_editor1.ClientID %>').value这样你才能实现这样的目标。

function valid(){
  var content = tinyMCE.get('<%=txt_editor1.ClientID %>').getContent();
  if(content.length>100){
  return false;
  }
  return true;


}

Answer 2

如果您有 Html 编辑器 tinymce 所需的验证无法正常工作，您可以使用此代码来解决您的问题，
在您的应用程序中安装 tinymce

在模型中给出tinymce.cshtml页面的路径ok

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

现在在您的视图中添加一个像这样的跨度

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

我希望你的问题可以解决