Extjs利用vtype验证表单

Ext.create('Ext.form.Panel', {

title: '表单验证',

renderTo: Ext.getBody(),

frame: true,

width: 400,

// height: 100,

//fileUpload: true,

defaults: {

labelSeparator: ':',

labelWidth: 60,

labelAlign: 'left',

width: 150,

msgTarget: 'side'

},

defaultType: 'textfield',

items: [

{ fieldLabel: '网址', vtype: 'url' },//可以利用vtypeText自定义错误信息显示,urlText貌似不能用

{ filedLabel: '邮箱', vtype: 'email' },

{ fieldLabel: '字母', vtype: 'alpha' },//默认使用了键盘输入的过滤条件(alphaMask)，即非字母不能输入到文本字段中。

{ fieldLabel: '字母和数字', vtype: 'alphanum' }//也开启了键盘输入的过滤条件

]

});