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

JavaScript021

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

<span id="infoMsg"></span>

<input type=button value="你的热键按钮" onclick="changeMsg(1)"/>

<input type=button value="你的热键按钮" onclick="changeMsg(2)"/>

<input type=button value="你的热键按钮" onclick="changeMsg(3)"/>

<script>

  

  function changeMsg(value){ //具体参数 你按你的需求来定

     var Msg=""

     if(value==1){

        Msg="<font color='red'>这事1的相应信息 </font>" //相应信息 可以 将你的那些 HTML 放进去

     }

     if(value==2){

        Msg="<font color='red'>这是2的相应信息</font>"

     }

     if(value==3){

        Msg="<font color='red'>这是3的相应信息</font>"

     }

    document.all.infoMsg.innerHTML=Msg //给SPAN 赋值

  }

</script>

1、限制输入空格

<input type="text" onkeyup="this.value=this.value.replace(/^ +| +$/g,' ')">

2、限制输入空格及英文状态下的逗号

<input type="text" onkeyup="this.value=this.value.replace(/[, ]/g,' ')">

3、限制空内容输入

<script>

    function myfunction() {

        var a = $("text1").val()

        if ($.trim(a) == "") {

                alert("不能为空!")

                return false

         }

  }

</script>