extjs版本:3.3
ext的TextField本身自带长度校验,不过是按照字符的长度进行计算,汉字或者全角符号都只计算一个长度,由于项目需要,需要按照两个长度进行计算,可以通过修改Ext的源码进行修改,在ext源码包的TextField定义的地方,找到getErrors方法,找到长度比较的位置,如下
if (value.length < this.minLength) {
errors.push(String.format(this.minLengthText, this.minLength));
}
if (value.length > this.maxLength) {
errors.push(String.format(this.maxLengthText, this.maxLength));
}
将其修改为:
/**
* 将字符长度转换为字节长度,汉字以及全角字符占2字节
*/
var valueLength = 0;
for (var i = 0; i < value.length; i++) {
var c = value.charCodeAt(i);
//根据单双字节进行长度计算,单字节+1
if ((c >= 0x0001 && c <= 0x007e) || (0xff60 <= c && c <= 0xff9f)) {
valueLength++;
}else {
valueLength += 2;
}
}
if (valueLength < this.minLength) {
errors.push(String.format(this.minLengthText, this.minLength));
}
if (valueLength > this.maxLength) {
errors.push(String.format(this.maxLengthText, this.maxLength));
}
分享到:
相关推荐
ExtJs5 去掉textfield边框
三、函数 getCmp(string _id):得到id为_id的组件对象。 getValue():得到文件框值。 四、其它 layout:只在在此布局下才能正确显示文件框的标签名,布局的宿主对象必面 是Ext.Container或者Ext.Container的子类。 ...
Extjs4的textfield控件竟然没有tooltip悬浮提示,这应该算是个bug吧。网上查了很多,也没有方案。后来自己通过查询并整理出这个方案,终于实现了。 思想如下: 在textfield渲染时注册mouseover事件,然后在其中调用...
extjs 自动为必填项增加提示后缀,如题此js代码可以为必填时使用,样例功能为在必填项后增加红色星号,如: 编码*(当然此星色为红色),也可以修改成其它内容符号、文字等
论坛上找的ExtJs消息提示框,各个方向的都有,十分人性化
NULL 博文链接:https://xiaomy.iteye.com/blog/2280256
[{ fieldLabel: ‘代码’, name: ‘FCode’, anchor:’100%’, id: ‘fid’ },{ fieldLabel: ‘名称’, name: ‘FName’, anchor:’100%’ // anchor width by percentage },{ xtype: ‘textfield’, name: ‘FID’...
Extjs的Regex的验证属性分两种情况,一种是只有红色提示框;另一种是在提示框边会出现一个类似批注的提示信息,不过在页面加载时要加上Ext.QuickTips.init();提示框才能正常显示出来。 特别提示:在属性regex后要用 ...
新手学习,初学extjs时用刚刚好,里边有三个例子,还有一个我自己写的例子(简单粗暴动态菜单),还有一个中文API
NULL 博文链接:https://liyoro.iteye.com/blog/829896
Extjs中文文档,包含Extjs的基本语法和各个类的详细说明以及用法。
绝对的ExtJS3.0中文API,本人在网上找了好久才找到的,在此奉献给大家!!解压后有30多兆!!
Extjs4文件上传,后台struts2
EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用
Edit Grid限制编辑 ExtJS 4 DirectStore post参数的变化以及应对方法 ExtJS 4 实例之数据包 ExtJS 4中动态加载的路径设置 Extjs4 API文档阅读(一)——类系统(Class System) Extjs4 API文档阅读(三)——布局和容器 ...
Extjs 中文API文档,有对Extjs相关API的中文说明
extjs3.3的中文文档
extjs资料extjs资料extjs资料extjs资料extjs资料
ExtJS验证文件上传类型,详细讲述ExtJS如何验证文件上传文件的类型!