TinyMCE客户端验证问题

2024-03-25

我在使用 TinyMCE 编辑器时遇到问题。我的表单带有很少的文本字段和文本区域(tinymce),并启用了客户端验证。当我单击“保存”按钮时,所有文本字段都会进行验证,但需要单击两次才能验证tinymce内容。此外,验证仅在字段为空或条件不满足时才显示消息(仅出于测试原因,最多可以输入 5 个字符),但是当我输入正确的字符数(小于 5)时,错误消息仍然存在。

这是代码示例:

    <%Html.EnableClientValidation(); %>
    <%= Html.ValidationSummary(true, "Na stranici postoje greške.", new { @style = "color: red;" })%></p>
    <% using (Html.BeginForm("Create", "Article", FormMethod.Post, new { enctype = "multipart/form-data" }))
       { %>
    <fieldset>
        <legend>Podaci za Aranžman</legend>
            <label class="EditLabel" for="name">
                Opis</label>
            <br />
            <%= Html.TextAreaFor(Model => Model.Description, new { style = "width: 100%; height: 350px;", @class = "tinymce" })%>
            <%= Html.ValidationMessageFor(Model => Model.Description, "", new { @style = "color: red;" })%>
        <p>
            <input type="submit" value="Sačuvaj aranžman" />
        </p>
    </fieldset>
    <% } %>

和财产

    [Required(ErrorMessage = "Unesi opis")]
    [StringLength(5, ErrorMessage = "Opis mora imati manje od 5 znakova")]
    public string Description { get; set; }

有什么建议么???


这背后的原因是大多数富文本编辑器(包括tiny mce)不使用文本区域。相反,它有自己的输入,并且仅在提交表单时复制文本。因此,当您在编辑器中键入内容时,您正在验证的字段实际上不会改变。

您需要做的是为此创建一个解决方法,当您单击提交按钮时,将文本从编辑器复制到文本区域。这可以这样做:

$('#mySubmitButton').click(function() {
    tinyMCE.triggerSave();
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

TinyMCE客户端验证问题 的相关文章

随机推荐