Extjs表单验证

Extjs Form提供了客户端验证机制，可以通过vtype来实现客户端验证。接下来详细讲解一下Extjs的客户端验证。

必填项验证

对于必填项，可以使用allowBlank属性来进行验证。如果allowBlank属性为false，则该字段不能为空。

xtype: "textfield",
name: "name",
fieldLabel: "姓名",
allowBlank: false

输入长度限制

对于输入框的长度限制，可以使用maxLength和minLength属性来进行验证。maxLength表示最大长度，minLength表示最小长度。

xtype: "textfield",
name: "name",
fieldLabel: "姓名",
allowBlank: false,
maxLength: 10,
minLength: 3

值大小限制

对于数字输入框的值大小限制，可以使用maxValue和minValue属性来进行验证。maxValue表示最大值，minValue表示最小值。

xtype: "numberfield",
name: "age",
fieldLabel: "年龄",
maxValue: 60,
minValue: 18

vtype验证

vtype提供了一些公用的验证类型，包括alpha（希腊字母）、alphanum（字母和数字）、email（电子邮件地址）和url（网址）。

自定义vtype

除了内置的验证类型，还可以自定义vtype。以下是一个验证IP地址的示例：

(, {
    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"
}

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。