如何限制文本框输入长度

1、JS/jQuery限制文本框长度

$("#id").onkeyup(function(){    //方法可以使用其他(onkeydown/onblur等)

    if($("#id").val().length>10){   //长度可自定义

        //超出长度，自行处理

    }else{

        //未超出……

    }

})

2、设置文本框属性MaxLenth

MaxLenth=10

3、根据编程语言限制长度

根据编程语言，应用与文本框输入相关事件，或提交事件发生时，获取文本框的内容，然后进行长度验证

方法1.   <input  maxlength="?">

方法2.

<input id="my_input" onKeyDown="fun()" >

<script>

 function fun(){

         var maxlenght = 5

         var input= document.getElementById('my_input').value

         if(input.length >maxlenght){

              alert("输入不能超过5个字符")

               document.getElementById('my_input').value = input.substring(0,maxlenght)  //截取字符串

  }

 }

</script>

JS控制文本框输入的长度的方法如下：

1、html页面中有以下文本：

<input id="groupidtext" type="text" style="width: 100px" maxlength="6" /></td>

2、用js限制输入的最大长度的脚本如下：

$(function)

$('#groupidtext').on {'input', function(e) }

if(this.value.length === 6) { //如果输入长度等于6，则禁用输入}

$('input[type="submit"]').prop('disabled', false)

else 

$('input[type="submit"]').prop('disabled', true)

js限制文本框输入的长度为18位字符， 只能是数字和字母，如果输入的字符超过18位就不能在输入了。

这个无需JS，用input text标签的maxlength属性即可实现。                                              代码如下：

<input type="text" maxlength="18" />

maxlength 属性后面设置需要限制的字段最大长度即可。

---