Setting maxlength of textbox with JavaScript or jQuery

Question

I want to change the maxlength of a textbox with JavaScript or jQuery   I tried the following but it didn t seem to help   var a   document getElementsByTagName  input    for var i 0  i lt a length  i          if  a i  type    radio     a i  type    checkbox            a i  maxlength   5    document getElementsByTagName  input   1  maxlength  3        ready function             inputID   maxlength 6         What am I doing wrong

User · Accepted Answer

Not sure what you are trying to accomplish on your first few lines but you can try this     document  ready function             ms num   attr  maxlength   6

User · Answer

without jQuery you can use  document getElementById  text input   setAttribute  maxlength  200

User · Answer

set the attribute  not a property      ms num   attr  maxlength   6

User · Answer

yourTextBoxId   live  change keyup paste   function        if      yourTextBoxId   val   length  gt  11                yourTextBoxId   val     yourTextBoxId   val   substr 0 10                I Used this along with vars and selectors caching for performance and that did the trick

User · Answer

lt head gt       lt script type  text javascript  gt          function SetMaxLength                  var input   document getElementById   myInput                input maxLength   10                 lt  script gt   lt  head gt   lt body gt       lt input id  myInput  type  text  size  20    gt   lt  body gt

User · Answer

You can make it like this       inputID   keypress function          var maxLength     this  val   length      if  maxLength  gt   5            alert  You cannot enter more than     maxLength     chars            return false

User · Answer

The max length property is camel-cased  maxLength  jQuery doesn t come with a maxlength method by default  Also  your document ready function isn t technically correct     document  ready function              ms num   0  maxLength   6         OR          ms num   attr  maxlength   6          OR you can use prop if you are using jQuery 1 6           ms num   prop  maxLength   6         Also  since you are using jQuery  you can rewrite your code like this  taking advantage of jQuery 1 6        input   each function  index        var element     this       if  index     1            element prop  maxLength   3         else if  element is   radio      element is   checkbox              element prop  maxLength   5                function             ms num   prop  maxLength   6

User · Answer

lt head gt       lt script type  text javascript  gt          function SetMaxLength                  var input   document getElementById  myInput                input maxLength   10                 lt  script gt   lt  head gt   lt body gt       lt input id  myInput  type  text  size  20    gt   lt  body gt

[javascript] Setting maxlength of textbox with JavaScript or jQuery

Examples related to javascript

Examples related to jquery

Examples related to input

Examples related to textbox