Ext之验证

      Ext开发中某些输入内容要有严格的控制,比如说url必须以http://开头,相应的Ext框架已经做出了实现,我们只要在页面中声明就可以了

        {
                      xtype:'textfield',
                      fieldLabel:'名字008',
                      name:'name',
                      id:'name',
                      vtype:'url',
                      vtypeText:'url必须以http://开头',
                      value:'http://',
                      anchor:'95%'
                      },

 

 如果输入的内容不是以http://开头,则验证不通过;在开发中用户也可以开发自己的验证类,具体步骤如下:

1 编写自己的验证类和方法,并注册(js文件)

2 在页面中引如js

3 在适当的地方声明;

 

下面以建立端口的验证为例子:

  要求: 端口号必须在0-65535之间的数字;

 

1 建立一个js文件(validate.js) 内容如下:

 

Ext.apply(Ext.form.VTypes, {port: function (val,field) {
    return checkPort(val.trim());
}});


function checkPort(inputPort) {
    if (inputPort>=0&&inputPort <= 65535) {
        return true;
    } else {
        return false;
    }
}

 

2 页面中引如上述的js(validate.js)页面的路径不同而不同,这里不在赘述

 

3 在输入域中声明要进行端口的验证

    {
                               xtype:'numberfield',
                               fieldLabel:'号码',
                               id:'passport',
                               name:'passport',
                               vtype:'port',
                               vtypeText:'端口必须在0-65535之间',
                               anchor:'95%'
                           
                        }