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

JavaScript06

JS怎么控制文本框输入的长度,第1张

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

<script>

window.onload = function ()

{

var oTxt = document.getElementById('txt')

var oDiv = document.getElementById('div1')

oTxt.onkeyup = function ()

{

if(oTxt.value.length<5)

{

oDiv.innerHTML = '您一出入'+oTxt.value.length+'个字符'

}

else if(oTxt.value.length>=5)

{

oDiv.innerHTML = '您一出入'+5+'个字符'

}

if(oTxt.value.length>=5)

{

oTxt.value = oTxt.value.substr(0,5)

}

}

}

</script>

限制5个字,超出后截断