Javascript - ExtJs - FormPanel组件

Posted 2020-09-26

自定义验证

配置字段的vtype属性可以自动开启验证，你也可以替换掉Ext内置的验证程序，替换方式如下所示。

//自定义验证
Ext.apply(Ext.form.VTypes, {
    otherTest1: function () { }, otherText: "",
    otherTest2: function () { }, otherText: ""
});

//替换之后再配置字段时可使用vtype:otherTest指向验证程序

View Code

//自定义验证
Ext.apply(Ext.form.VTypes, {
    testEmail: function (val, field) {
        var re = /^(\w)+(\.\w+)*@(\w)+((\.\w+)+)$/;
        if (!re.test(val)) { return false; }
        return true;
    },
    //验证失败信息     
    testEmailText: ‘错误的邮箱格式‘
});

//在表单子控件里配置vtype : "testEmail"

View Code