Textarea | val（）。长度不在计数中的“Enter/Line Breaks”

Question

我有一个textarea，其属性maxlength设置为350 &它工作正常，它也将输入/换行符作为字符计数。

我也有显示一个错误消息，如果用户尝试键入超过或达到350字符限制为此我使用此代码：

$("textarea").keyup(function (e) { 
    if($(this).val().length >=350){ 
     $('.error').show(); 
    }else{ 
     $('.error').hide(); 
    } 
}); 

它的工作原理，但在Chrome不计输入/换行符，但如果用户在多行中破解文本，maxlength会导致结果，但他确实在350个字符后停止输入，但没有看到任何消息。

这里是玩小提琴：https://jsfiddle.net/udp9oxx4/

注意：此错误仅发生在铬。

Answer 1

$("textarea").keyup(function (e) { 

var isChrome = window.chrome; 
if(isChrome){ 
var value = $(this).val().replace(/(\r\n|\n|\r)/g," "); 
} 
else{ 
var value = $(this).val(); 
} 

     if(value.length >=350){ 
      $('.error').show(); 
     }else{ 
      $('.error').hide(); 
     } 
    }); 

Chrome计算换行符为2个字符，因此它计数字符错误。只需将该代码添加到该函数的前面，它就可以正常工作。

https://jsfiddle.net/3wpqd4nr/

小提琴