Extjs自定义form表单验证

最新推荐文章于 2024-02-28 10:12:34 发布

原创最新推荐文章于 2024-02-28 10:12:34 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#extjs #function #validation #regex #basic #object

EXT4 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何使用ExtJS中的Ext.form.field.VTypes进行自定义表单验证，包括配置项及验证函数实现，确保输入不超过50个汉字或100个字母。

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

Ext4.0 已经提供了用于扩展表单验证的单例类：

Ext.form.field.VTypes

This is a singleton object which contains a set of commonly used field validation functions. The validations provided are basic and intended to be easily customizable and extended.

To add custom VTypes specify the vtype validation test function, and optionally specify any corresponding error text to display and any keystroke filtering mask to apply

现在我们要做一个text的验证：要求是：输入内容不能超过100个字符，一个汉字抵两个字符，也就是不能超过50个汉字100个字母。

配置项：

{
		            xtype: 'textfield',
		            name: 'foldername',
		            fieldLabel: '目录名称',
		            allowBlank:false,
		            vtype: 'words',
		            wordsLength:100,
		            regex:/^[^\\\/:\*\?|<>"]+$/,
		            regexText:'非法字符\\ | /:*?\"<>',
		            value: ''
		        }

checkWords: function(){
		Ext.apply(Ext.form.field.VTypes, {
		    words: function(val, field) {
		    	var len = field.wordsLength;//获取field中定义的字符长度
		    	val = val.replace(/[\u4e00-\u9fa5]/g,'**');//替换中文为两个*
		    	if(val.length == len){
		    		this.wordsText = "该输入项的最大长度是 "+len+" 个字符"  //设置验证不通过时提示语
		    	}
		        return val.length < len; //true为验证通过，false为不通过
		    }
		});
	}

在引入form之前调用