JQuery maxlength text limit plugin

There are many ways to achieve this effect. Here we will introduce a jQuery plug-in maxlength, which is very simple to use. Let's take a look at the demo:
Jquery maxlength demo address
Package and download DEMO code
Take a look at the key code in the Demo:
1. Load maxlength. js
<Script type = "text/javascript" src = "maxlength. js"> </script>
2. Add a function. There are three examples in the Demo. You can select different functions as needed, but the last example is invalid for Chinese.
Copy codeThe Code is as follows:
$ (Function (){
$ ('Textarea. limited'). maxlength ({
'Feedback': '. charsLeft', 'useinput': true
});
$ ('Input. limited'). maxlength ({
'Feedback': '. charsLeft'
});
$ ('Textea. wordlimited'). maxlength ({
'Word': true,
'Feedback': '. wordsLeft', 'useinput': true
});
});

3. Call
Copy codeThe Code is as follows:
<Form action = "">
<P> you can enter <span class = "charsLeft"> 20 </span> characters </p>
<Textarea class = "limited"> </textarea>
<Input type = "hidden" name = "maxlength" value = "20"/>
</Form>
<Form action = "">
<P> you can enter <span class = "charsLeft"> 10 </span> characters </p>
<Input maxlength = "10" class = "limited"/>
</Form>

Some necessary explanations:
'Useinput': trueBecause textarea needs to be implemented using input, this parameter is required when you use textarea.
'Feedback': '. charsLeft'It refers to the words displayed in the class = "charsLeft" container.
InputSet the maximum value for direct useMaxlength = "10"
In textarea, you must set the value corresponding to the input value.Value = "20"