Question

我的aspx apge（.net）上有一个富含文本编辑器，我希望对此应用客户端验证。有人能帮助我吗？

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

我希望你的问题可以解决

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

2 个答案: