Question

我有一个可编辑的div和iFrame。我要求用户每行输入的字符数不得超过100个。用户可以输入无限数量的行，所有行都包含最多100个字符。

此外，用户可以使用箭头键返回任意一行，并输入更多文本，以防该行少于100个字符。

如何执行此操作？

编辑：这需要像用户输入一样实时。

Answer 1

$('#mydivid').keypress(function(e){
    if($(this).html().length > 20)
        e.preventDefault();
})

Fiddle

Answer 2

您可以使用jquery keyup事件进行检查。

$('DIV ID').keyup(function(){
  data = $.trim($('DIV ID')).html().length; 

  if(data > 100) // or add condition as per your requirement
  {
  }
  else
 {
   alert('Your message')
 }
});

Answer 3

$(document).ready(function(){
var max_length = 100;
$("#div-editable").keypress(function(){
    var return_state = true;
    $(this).find("div").each(function(){
        if($(this).text().length >= max_length)
        {
            return_state = false;
            //break;
        }
    });
    return return_state;
});

}）;

只需根据需要更改max_length。

如果要在文本的开头和结尾留出间距，也可以使用修剪。

您可以在jsFiddle

上查看此内容

如何限制用户在可编辑的div或iframe中输入多于某些字符的内容

3 个答案: