Extjs中手机号文本框输入的长度设定

如下为官方api给出的配置项

maxLength : Number

输入字段允许的最大字符数(默认为 Number.MAX_VALUE) ...
输入字段允许的最大字符数(默认为 Number.MAX_VALUE) Maximum input field length allowed (defaults to Number.MAX_VALUE)
事实上这个配置只能提示错误,不能阻止继续输入。如下:设置手机号长度11
columnWidth : 0.5,
                layout : 'form',
                items : [ {
                    xtype: 'textfield',
				    fieldLabel: '手机号',
				    name: 'MEM_PHONE',
				    anchor: '50%',
				    regex: /^(13[0-9]|15[0|2|3|6|7|8|9]|18[7|8|9]|17[6|7])\d{8}$/,
				    regexText:'手机号码输入有误',
				    maxlength:11,
				    //autoCreate: {tag: 'input', type: 'text', size: '11', autocomplete: 'off', maxlength: '11'}
                }]

效果:手机号输入框仍可无位数限制输入字符。

修改代码如下:
                columnWidth : 0.5,
                layout : 'form',
                items : [ {
                    xtype: 'textfield',
				    fieldLabel: '手机号',
				    name: 'MEM_PHONE',
				    anchor: '50%',
				    regex: /^(13[0-9]|15[0|2|3|6|7|8|9]|18[7|8|9]|17[6|7])\d{8}$/,
				    regexText:'手机号码输入有误',
				    //maxlength:11,
				    autoCreate: {tag: 'input', type: 'text', size: '11', autocomplete: 'off', maxlength: '11'}
                }]
                
效果如下:只可输入11位


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值