Limit character textarea using Jquery

Here we can do, copy this jquery plugins :

jQuery.fn.maxLength = function(max){
this.each(function(){
//Get the type of the matched element
var type = this.tagName.toLowerCase();
//If the type property exists, save it in lower case
var inputType = this.type? this.type.toLowerCase() : null;
//Check if is a input type=text OR type=password
if(type == “input” && inputType == “text” || inputType == “password”){
//Apply the standard maxLength
this.maxLength = max;
}
//Check if the element is a textarea
else if(type == “textarea”){
//Add the key press event
this.onkeypress = function(e){
//Get the event object (for IE)
var ob = e || event;
//Get the code of key pressed
var keyCode = ob.keyCode;
//Check if it has a selected text
var hasSelection = document.selection? document.selection.createRange().text.length > 0 : this.selectionStart != this.selectionEnd;
//return false if can’t write more
return !(this.value.length >= max && (keyCode > 50 || keyCode == 32 || keyCode == 0 || keyCode == 13) && !ob.ctrlKey && !ob.altKey && !hasSelection);
};
//Add the key up event
this.onkeyup = function(){
//If the keypress fail and allow write more text that required, this event will remove it
if(this.value.length > max){
this.value = this.value.substring(0,max);
}
};
}
});
};

For execute , put on head (but not on your head ):

<script type=”text/javascript”>

$().ready(function(){

$(“#leasure_narrative”).maxLength(300);

});

</script>

3 COMMENTS

  1. 🙂 MAS Ardhit… klo bisa kasih link contoh juga dunk…. biar bisa liat juga hasilnya.

    Numpang Cop Pas yah 🙂

    Chayoooo Smangat Mas ^_^

  2. I see a lot of interesting articles on your blog. You have to spend a lot of time writing, i
    know how to save you a lot of work, there is a tool that creates unique, SEO friendly articles in couple of minutes,
    just type in google – laranita’s free content source

LEAVE A REPLY