Extjs Form提供了客戶端驗證機制，可以通過vtype來實現(xiàn)客戶端驗證。接下來詳細講解一下Extjs的客戶端驗證。 必填項驗證 對于必填項，可以使用allowBlank屬性來進行驗證。如果a

Extjs Form提供了客戶端驗證機制，可以通過vtype來實現(xiàn)客戶端驗證。接下來詳細講解一下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

值大小限制

對于數(shù)字輸入框的值大小限制，可以使用maxValue和minValue屬性來進行驗證。maxValue表示最大值，minValue表示最小值。

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

vtype驗證

vtype提供了一些公用的驗證類型，包括alpha（希臘字母）、alphanum（字母和數(shù)字）、email（電子郵件地址）和url（網(wǎng)址）。

自定義vtype

除了內(nèi)置的驗證類型，還可以自定義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"
}