Extjs Form提供了客戶端驗(yàn)證機(jī)制，可以通過(guò)vtype來(lái)實(shí)現(xiàn)客戶端驗(yàn)證。接下來(lái)詳細(xì)講解一下Extjs的客戶端驗(yàn)證。 必填項(xiàng)驗(yàn)證 對(duì)于必填項(xiàng)，可以使用allowBlank屬性來(lái)進(jìn)行驗(yàn)證。如果a

Extjs Form提供了客戶端驗(yàn)證機(jī)制，可以通過(guò)vtype來(lái)實(shí)現(xiàn)客戶端驗(yàn)證。接下來(lái)詳細(xì)講解一下Extjs的客戶端驗(yàn)證。

必填項(xiàng)驗(yàn)證

對(duì)于必填項(xiàng)，可以使用allowBlank屬性來(lái)進(jìn)行驗(yàn)證。如果allowBlank屬性為false，則該字段不能為空。

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

輸入長(zhǎng)度限制

對(duì)于輸入框的長(zhǎng)度限制，可以使用maxLength和minLength屬性來(lái)進(jìn)行驗(yàn)證。maxLength表示最大長(zhǎng)度，minLength表示最小長(zhǎng)度。

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

值大小限制

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

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

vtype驗(yàn)證

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

自定義vtype

除了內(nèi)置的驗(yàn)證類型，還可以自定義vtype。以下是一個(gè)驗(yàn)證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"
}