当字符大于10时,如何停止输入?

时间:2017-04-04 23:11:40

标签: jquery html5 summernote

按照代码:

HTML

<textarea id="summernote">Test</textarea>
<h5 id="limite_vermelho" style="text-align:right;color:red"></h5>
<h5 id="limite_normal" style="text-align:right"></h5>

JS:

$('#summernote').on('summernote.keyup', function(e) {
    var text = $(this).next('.note-editor').find('.note-editable').text();
    var length = text.length;
    var num = 10 - length;

    if (length > 10) {
        $('#limite_normal').hide();
        $('#limite_vermelho').text(10 - length).show();
    }
    else{
        $('#limite_vermelho').hide();
        $('#limite_normal').text(10 - length).show();
    }    
});

或者如果你喜欢jsfiddle:https://jsfiddle.net/dtgr5q29/114/

1 个答案:

答案 0 :(得分:1)

试试这个:
https://jsfiddle.net/dtgr5q29/116/
您只需要插入此代码:

$("#summernote").summernote("code", text.substring(0,10));