Ext TextField默认提示信息,并支持中文按2个长度计算

最新推荐文章于 2025-06-24 09:19:55 发布

原创最新推荐文章于 2025-06-24 09:19:55 发布 · 2.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#web #ext #js

Web前端专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种针对ExtJS框架中的TextField组件进行中文字符长度验证的方法。通过对原有验证函数的重写，使得该组件能够准确计算包含中文字符的字符串长度，并支持自定义提示信息。

/**
* @class Ext.form.TextField
* @override Ext.form.TextField
* @description 修改TextField的默认提示信息,并支持中文2位的计算
*/
Ext.override(Ext.form.TextField,{
      //重写验证涵数
    validateValue : function(value){
              if(this.allowBlank == false){ //不允许为空
              if(value == null || value == ''){
                            this.markInvalid(String.format(this.blankText,value));
                            return false;
                     }
               }
               var maxLen = this.maxLength;
               var maxLenText = this.maxLengthText;
               if(maxLenText.indexOf('{0}') != -1){
                     if(maxLen != null && maxLen != 'undefined' && maxLen > 0){
                           var regex = /[^\x00-\xff]/g; //中文正则
                  var len ;
                           if(value instaceof String){
                                 //将中文替换成2位字符
                      len = value.replace(regex,'**').length;
                            }else{
                                 len = value.length;
                            }
                            var label = this.fieldLabel;
                            if(label != null && label != 'undefined'){
                                 //去掉fieldLabel中生成的不必要字符
                      if(label.indexOf('</') != -1 ){
                                      label = label.substring(label.lastIndexOf('>')+1, label.length);
                                 }
                                 if(len > maxLen){
                                    //验证未通过,并设置提示信息
                        this.markInvalid(String.format(label+'长度不能大于'+maxLen+'位!(中文占2位)'));
                                    return false;
                                 }
                                 return true;
                           }
                      }
                }else{
                      var len = value.length;
                      if(len > maxLen){
                           this.markInvalid(String.format(maxLenText ,value));
                           return false;
                      }
                    return true;
                }
        }
});