jQuery word and character count (both Chinese and English)

Question

How can I set the word limit to 200 and not allow input and show a warning next to the text area when the limit is reached using jQuery? The user may input Chinese or English characters.

Are Chinese and English counted in the same way?

I just used the build in function set the length[1,200]

A comma as a thousands separator in an integer value? – msanford Jul 25 '13 at 03:11 — msanford, Jul 25 '13 at 03:11
the range is 1 to 200 [1,200] – user2210819 Jul 25 '13 at 03:12 — user2210819, Jul 25 '13 at 03:12

score 0 · Answer 1 · edited Feb 25 '14 at 04:41

I don't know if Chinese will work or not, but you might do this:

HTML

<input type="text" name="input" />
<span></span>

jQuery

$(function(){
    $('input[name="input"]').keyup(function(){
        if($(this).val().length > 10){
            $('span').html('You can\'t type more than 10 characters!');
        }else{
            $('span').empty();
        }
    });
});

See the result here (just change 10 to 200).

score 0 · Answer 2 · answered Jul 07 '15 at 08:59

0

It says something related to Chinese but doesn't work Chinese limit for me.

jQuery Text Counter Plugin

answered Jul 07 '15 at 08:59

Web_Developer

1,251
2
18
34

Not2Day ToDie · Answer 3 · 2018-01-24T10:12:52.563

Here is a simple answer. idea is from This GitHub Repo
Chinese and English aren't counted in the same way,if you count it by byteLength , you will find that chinese is 2 times of english you can try code below .

/*useByteLength
function checkTextLength($element) {
  txtCount = $element.val().replace(/[^\x00-\xff]/g, "pp").length + 
  ($element.val().match(/\n/g) || []).length;
  return txtCount;
}

if your condition need to count Chinese and English in the same way , you can try this.

 /*count Chinese and English  in the same way
 function checkTextLength($element) {
  txtCount = $elements.val().length + ($elements.val().match(/\n/g) || []).length;
  return txtCount; 
}

jQuery word and character count (both Chinese and English)

3 Answers3