如何限制文本框输入长度

Posted 2023-04-08

jsp页面的文本框中
英文字母可以输入12个 而汉字去只能输入6个

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

$("#id").onkeyup(function()    //方法可以使用其他(onkeydown/onblur等)
    if($("#id").val().length>10)   //长度可自定义
        //超出长度，自行处理
    else
        //未超出……
    
);

2、设置文本框属性MaxLenth

MaxLenth=10;

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

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

参考技术A maxlength="12" 参考技术B <input type="text" name="xxx" maxlength="12">

JS怎么控制文本框输入的长度

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 属性后面设置需要限制的字段最大长度即可。

参考技术A 有个属性是maxlength
$('input').attr("maxlength","12")
设置最大输入字符位数是12 参考技术B 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);

);
);