extJs form表单textfield中包含中文的长度验证问题

本文介绍如何在ExtJS中设置文本框的长度验证规则,包括不允许输入中文时的简单配置方法,以及允许输入中文时如何通过自定义验证函数来控制输入长度。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >


 1、如果没有textfield文本框中不允许输入中文,则很方便了,用到一下三个属性就可以控制长度了

(1)  allowBlank : false, //不能为空,必填项
       blankText : '不能为空'
(2)   minLength : 6, //最小长度限制
        minLengthText : '长度至少6位'  
(3)   
maxLength : 20, //最大长度限制
maxLengthText : '长度不能超过20位' 
如:
{
fieldLabel : '登录账号',
name : 'username',
id : 'username',
minLength:6,
minLengthText:'长度至少6位',
maxLength:20,
maxLengthText:'长度不能超过20位',
allowBlank : false
blankText : '不能为空'
}

 2、如果没有textfield文本框中允许输入中文,只要加个判断函数就可以了

validator : function(value){
                        var len = value.replace(/[^\x00-\xff]/g,"xx").length;
                        if(len>20){
                            return "长度不能超过20个字符或10个汉字";
                        }
                        return true;
                    } 
如:
{
fieldLabel : '作者',
xtype : 'textfield',
name : author',
id : 'authorAdd',
readOnly: false,
allowBlank : false,
blankText : '不能为空',
validator : function(value){
                        var len = value.replace(/[^\x00-\xff]/g,"xx").length;
                        if(len>20){
                            return "长度不能超过20个字符或10个汉字";
                        }
                        return true;
                    }
} 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值