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/

小提琴