javascript - 如何检查 Telerik Kendo 编辑器内容是否为空

Question

我有一个简单的表单，其中有几个下拉菜单、一个多选菜单和一个编辑器。下拉列表都有一个初始项目，其文本值为 Please Select，值为 ''。提交后，我有以下 Javascript/JQuery 代码，用于检查下拉列表、多选和编辑器中是否有值。

    var validFlag = true;

    var dropdownlist = $("#addNew_dTeam").data("kendoDropDownList");
    if (dropdownlist.value() == "") {
        validFlag = false;
        errorMsg = "<li>Select Team</li>"
    }

    dropdownlist = $("#addNew_dType").data("kendoDropDownList");
    if (dropdownlist.value() == "") {
        validFlag = false;
        errorMsg += "<li>Select Entry Type</li>"
    }

    var multiSelect = $("#msServers").data("kendoMultiSelect");
    if (multiSelect.value() == "") {
        validFlag = false;
        errorMsg += "<li>Add at least one Server or select N/A</li>"
    }

    var editor = $("#diaryComments").data("kendoEditor");
    if (editor.value() == "") {
        validFlag = false;
        errorMsg += "<li>A comment is mandatory</li>"
    }

代码对于下拉菜单和多选工作正常，但检查空编辑器内容不起作用。我的编辑器是空的，但 if (editor.value() == "") 不正确。

Answer 1

当编辑器为空时，请考虑一个空格，这样您的条件将类似于 if (editor.value() == ' ') (单引号之间有一个空格)...

Demo

希望它对你有用......