Extjs利用vtype验证表单

时间:2021-07-31 03:34:56

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' }//也开启了键盘输入的过滤条件

        ]

    });