向jQuery添加方法。验证以检查summernote textarea是否为空

我正在尝试向jQuery添加一个方法。验证以检查Summernote（WYSIWYG编辑器）文本区域是否为空，并且我无法获取要触发的方法（我在其中放置的警报不会显示）。控制台中没有错误

方法是：

//Add validation method to check for an empty Award Description
$.validator.addMethod("htmlEditorEmpty", function(value, element) {
    alert("checking");
    return this.optional(element) || value.summernote('isEmpty');
}, "Please enter details");

这由（此工作之前和之后的其他验证）调用：

检查HTML：

<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
    <div class="form-group">
        <div>
            <textarea class="summernote" id="awardDescription" name="awardDescription" rows="3"></textarea>
        </div>
    </div>
</div>

---

第一个工作（即，仅在空时显示），而第二个始终显示（即，即使输入了值）。我包含此信息是因为我相信。请使用名称而不是id。我可能错了。

Summernote对此有一个内置测试。以下是我使用的代码：

if ($('#summernote').summernote('isEmpty'))
{
  alert('editor content is empty');
}

这就是您正在使用的内容以及警报触发的原因。您的另一个测试没有使用您正在使用的语法测试有效的id或名称。我认为浏览器会抛出错误或忽略您的第二次测试

要使用名称进行测试，请使用val（）

---

$（'form[name=“？”]input[name=“？”）.val（），

当summernote为空或有空格时，此解决方案禁用提交按钮

HTML

发表

JS

$（文档）.ready（函数（）{
$（'[id=“summernote”]'）。summernote({
}).on（'summernote.keyup'，function（）{
var text=$（“#summernote”）.summernote（“代码”）.replace（/|]+（>|$）/g，”）.trim（）；
如果（text.length==0）{
$（“#btnForm”）.attr（“禁用”、“禁用”）；
}否则{
$（“#btnForm”）.removeAttr（“禁用”）；
}
});
});

如果编辑器中的图像本身就是有效内容，则此操作将失败。

if ($('#awardDescription').summernote('isEmpty')) {//using id
    alert('contents is empty1');
}

if ($('awardDescription').summernote('isEmpty')) {//using name
    alert('contents is empty2');
}

if ($('#summernote').summernote('isEmpty'))
{
  alert('editor content is empty');
}

<form>
    <textarea class="summernote" name="summernote" id="summernote" cols="100" rows="10"></textarea>
    <button id="btnForm" type="submit" disabled>Publish</button>
</form>

$(document).ready(function () {
    $('[id="summernote"]').summernote({
    }).on('summernote.keyup', function() {

        var text = $("#summernote").summernote("code").replace(/&nbsp;|<\/?[^>]+(>|$)/g, "").trim();

        if (text.length == 0) {
            $("#btnForm").attr("disabled", "disabled");
        } else {
            $("#btnForm").removeAttr("disabled");
        }
    });
});