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' }//也开启了键盘输入的过滤条件
        ]
    });
posted @ 2014-10-24 21:23  lz3018  阅读(194)  评论(0编辑  收藏  举报