jquery超字符的字符，然後顯示正值？

Question

當前在這個函數中發生的事情是，當字符超過2000時，它開始顯示-x剩餘字符數量，即剩餘-1個字符。我希望它即當字符超過了2000我想讓它顯示超過限制等1個字符...

$(document).ready(function() { 
 
    var text_max = 2000; 
 
    $('#textarea_feedback').html(text_max + ' character available.'); 
 

 
    $('#YourMessage').keyup(function() { 
 
    var text_length = $('#YourMessage').val().length; 
 
    var text_remaining = text_max - text_length; 
 

 
    $('#textarea_feedback').html(text_remaining + ' characters remaining.'); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<textarea id="YourMessage"></textarea><br/> <span id="textarea_feedback"></span>

Answer 1

這裏是一個版本，將獲得的絕對值剩餘。 如果剩餘高於0它顯示一個文本，下面的另一個

$(document).ready(function() { 
 
    var text_max = 20; 
 
    $('#textarea_feedback').html(text_max + ' characters available.'); 
 

 
    $('#YourMessage').keyup(function() { 
 
    var text_length = $('#YourMessage').val().length; 
 
    var text_remaining = text_max - text_length; 
 
    var characters = " character"+(Math.abs(text_remaining)==1?"":"s"); 
 
    $('#textarea_feedback').html(Math.abs(text_remaining) + characters + (text_remaining > 0? ' remaining.':' over the limit.')); 
 
    $('#textarea_feedback').toggleClass("red",text_remaining<0).toggleClass("green",text_remaining>=0) 
 
    }); 
 
});

.red { color:red; } 
 
.green { color:green; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<textarea id="YourMessage"></textarea><br/> <span class="green" id="textarea_feedback"></span>