如何控制文本框只能输入11个数字？【JS】

sadfoo2019

如何用JS来控制文本框只能且必须输入11个数字，否则就给提示，下面我有一步其他操作的js了，再这个基础上添加个限制联系电话文本框的代码呢

下面是我的表单

联系电话哪个文本控件的代码如下

[JavaScript] 纯文本查看 复制代码

 <td width="79" style="border-width: 1px; border-style: solid; border-color: black windowtext windowtext black; text-align: center; -ms-word-break: break-all; background-color: transparent;">
                <span style="font-family: 宋体; font-size: 16px;">联系电话<span style="color: rgb(255, 0, 0); font-family: 宋体; font-size: 16px;"><span style="color: red; margin-left: 5px; vertical-align: middle;">*</span></span></span>
            </td>
            <td width="79" style="border-width: 1px; border-style: solid; border-color: black windowtext windowtext black; text-align: center; background-color: transparent;">
                <input name="DATA_92" title="联系电话" align="left" style="width: 110px; height: 26px; text-align: left; font-size: 14px;" maxlength="11" hidden="0"/>
            </td>

这是我现在有的脚本了【下面的脚本是我点了请选择里面的东西自动提取到对应的文本框里】

[JavaScript] 纯文本查看 复制代码

jQuery(document).ready(function(){
  
  var interval = setInterval(function(){   
   
    jQuery("select[title='部门分管院长选择']").change(function(){
            
          jQuery("textarea[title='部门分管院长审批']").val(jQuery(this).val());
  });
  
    jQuery("select[title='信息分管院长选择']").change(function(){
          jQuery("textarea[title='信息分管院长审批意见']").val(jQuery(this).val());
  });
  
    jQuery("select[title='院长审批选择']").change(function(){
      jQuery("textarea[title='院长意见']").val(jQuery(this).val());
  });
  
    jQuery("input[title='设备名称']").change(function(){
    var biaoti1= jQuery("input[title='设备名称']").val();
    var biaoti2= jQuery("input[title='申请科室']").val();      
          jQuery("#Symbol",window.parent.document).val(biaoti1+"/"+biaoti2);
  });
   
        
       clearInterval(interval);   
  },2000)            

});

感谢各位大哥大姐，目前已经解决了，解决方法如下：

[JavaScript] 纯文本查看 复制代码

jQuery(document).ready(function(){

var interval = setInterval(function(){
// 调用方法：验证手机号必须为11位且填写正确
jQuery("input[name='DATA_92']").blur(function(){
var phone = jQuery("input[name='DATA_92']").val();
if(!isPhoneNo(phone)){
alert('输入的手机号码不正确')
// 下面这句表示填写不正确就清空文本框
jQuery("input[name='DATA_92']").val('');
}
});
clearInterval(interval);
},2000)

// 验证手机号的方法
function isPhoneNo(phone){
var pattern = /^1[34578]\d{9}$/;
// 下面这个正则表达式也可以
// var pattern = /^1[3|4|5|7|8][0-9]{9}$/;
return pattern.test(phone);
}

});

troybug

直接为input增加属性maxlength="11"即可，在输入时就能自动限制文本长度

不知道改成啥

非得用js的话就用事件阻拦的方法也可以。

surile

const phone = $("input[name='DATA_92']").val()  
if(!/^1[3|4|5|7|8][0-9]{9}$/.test(phone)){
alert("输入的手机号不正确")
return
}

涛之雨

一个是一楼的原生html，
一个是js里监听oninput和onpropertychange（旧版ie），
然后判断长度。

最后提交前最好再用正则表达式test一下是不是手机号

[JavaScript] 纯文本查看 复制代码

/^((13[0-9])|(14[5,7])|(15[0-3,5-9])|(17[0,3,5-8])|(18[0-9])|166|198|199|(147))\\d{8}$/.test(phoneNumber)

后台也应该有判断，防止修改前端

5yrant

正则判断一下就行了

傅粉何郎

牛的呀，看得我一知半解

Clarksh

maxlength ?

diaosi123

正则表达式。。。

SQ-Will

正方的？