如果字数为 over/under 500 字,则字数显示文本
Word count display text if count is over/under 500words
我正在计算在 textarea 字段中输入的字数。如果字数低于 500 个字,我想显示文本 "your text is below 500 words please write some more",如果字数超过 500 个字,它应该显示 "Great job! Your text is over 500 words"。我怎样才能做到这一点?
$(document).ready(function()
{
var wordCounts = {};
$("#my_word_count").keyup(function() {
var matches = this.value.match(/\b/g);
wordCounts[this.id] = matches ? matches.length / 2 : 0;
var finalCount = 0;
$.each(wordCounts, function(k, v) {
finalCount += v;
});
$('#display_word_count').html(finalCount);
am_cal(finalCount);
}).keyup();
});
<textarea name="txtScript" id="my_word_count" cols="100" rows="10"></textarea>
<br>Total word Count : <span id="display_word_count">0</span> words.
与其计算字边界,我建议计算实际字数。
$(document).ready(function() {
var $wordCountDisplay = $('#display_word_count');
var $wordCountDisplayMessage = $('#display_word_count_message');
var desiredMinimumWordCount = 10;
$('#my_word_count').on('input', function (e) {
var wordCount = ( e.target.value.match(/\w+/g) || [] ).length;
$wordCountDisplay.text(wordCount);
if (wordCount < desiredMinimumWordCount) {
$wordCountDisplayMessage.text('Your text is below '+ desiredMinimumWordCount +' words please write some more');
$wordCountDisplayMessage.removeClass('greatJob');
} else {
$wordCountDisplayMessage.text('Great job! Your text is over '+ desiredMinimumWordCount +' words');
$wordCountDisplayMessage.addClass('greatJob');
}
}).trigger('input');
});
.greatJob { color: blue; }
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<textarea name="txtScript" id="my_word_count" cols="100" rows="10"></textarea>
<br>Total word Count : <span id="display_word_count">0</span> words.
<br><span id="display_word_count_message"></span>
我正在计算在 textarea 字段中输入的字数。如果字数低于 500 个字,我想显示文本 "your text is below 500 words please write some more",如果字数超过 500 个字,它应该显示 "Great job! Your text is over 500 words"。我怎样才能做到这一点?
$(document).ready(function()
{
var wordCounts = {};
$("#my_word_count").keyup(function() {
var matches = this.value.match(/\b/g);
wordCounts[this.id] = matches ? matches.length / 2 : 0;
var finalCount = 0;
$.each(wordCounts, function(k, v) {
finalCount += v;
});
$('#display_word_count').html(finalCount);
am_cal(finalCount);
}).keyup();
});
<textarea name="txtScript" id="my_word_count" cols="100" rows="10"></textarea>
<br>Total word Count : <span id="display_word_count">0</span> words.
与其计算字边界,我建议计算实际字数。
$(document).ready(function() {
var $wordCountDisplay = $('#display_word_count');
var $wordCountDisplayMessage = $('#display_word_count_message');
var desiredMinimumWordCount = 10;
$('#my_word_count').on('input', function (e) {
var wordCount = ( e.target.value.match(/\w+/g) || [] ).length;
$wordCountDisplay.text(wordCount);
if (wordCount < desiredMinimumWordCount) {
$wordCountDisplayMessage.text('Your text is below '+ desiredMinimumWordCount +' words please write some more');
$wordCountDisplayMessage.removeClass('greatJob');
} else {
$wordCountDisplayMessage.text('Great job! Your text is over '+ desiredMinimumWordCount +' words');
$wordCountDisplayMessage.addClass('greatJob');
}
}).trigger('input');
});
.greatJob { color: blue; }
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<textarea name="txtScript" id="my_word_count" cols="100" rows="10"></textarea>
<br>Total word Count : <span id="display_word_count">0</span> words.
<br><span id="display_word_count_message"></span>