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"

        }