Extjs form 表单验证

Extjs Form提供了客户端验证机制,可以通过vtype来实现客户端验证。接下来详细的讲解一下Extjs的客户端验证。

1.必填项,不能为空 allowBlank

{

xtype: "textfield",

name: "name",

fieldLabel: "姓名",

allowBlank: false

}

2.输入长度限制 maxLength/minLength

{

xtype: "textfield",

name: "name",

fieldLabel: "姓名",

allowBlank: false,

maxLength: 10,

minLength: 3,

}

3. 值大小限制 maxValue/minValue

{

xtype: "numberfield",

name: "age",

fieldLabel: "年龄",

maxValue: 60,

minValue: 18,

}

4.vtype验证

vtype提供了一些公用的验证类型,它们包括:

alpha:希腊数字

alphanum:字母和数字

email:电子邮件地址

url:网址

5.自定义vtype

//验证ip地址

Ext.apply(Ext.form.field.VTypes, {

IPAddress:function(v) {

return/^d{1,3}.d{1,3}.d{1,3}.d{1,3}$/.test(v);

},

IPAddressText:'只能输入ip地址',

IPAddressMask:/[d.]/i

});

用法:

{

xtype:"textfield",

name:"ip",

fieldLabel:"IP地址",

vtype:"IPAddress"

}