Question

Sencha的这篇文章介绍了如何使用内置的验证规则（存在，长度，格式，包含，排除），并提到添加自定义规则很容易，但是没有解释如何去做。我已经googled高低，并阅读了sencha文档，但我找不到任何关于如何做到这一点。任何想法？

http://www.sencha.com/learn/using-validations-and-associations-in-sencha-touch

Answer 1

我认为这是文档中的一个小错误。我通过添加一些代码让他们工作

if (Ext.data) {
    Ext.data.validations.custom = function (config, value) {
        if (config && Ext.isFunction(config.fn)) {
            //this should be the model
            if (config.self) {
                return config.fn.call(config.self, value);
            } else {
                return config.fn(value);
            } 
        }
        else 
        {
            return false;
        }
    };
    Ext.data.validations.customMessage = "Error";
}

然后向模型添加验证，将对象添加到模型的验证数组中，类型设置为'custom'，例如

{ 
    type: 'custom', field: 'SomeField', message: "Your field is bad",
    fn: function (SomeFieldValueForThisInstance) {
       //Add some validation code.  The this pointer is set to the model object
       //so you can call this.get("SomeOtherFieldToCheck")
       //or any other instance method

       //if the field is good
       return true;
       //else
       return false;
    }
}

更新： @salgiza是对的，我忘了提几个步骤才能正确设置'this'指针。如果你查看sencha触摸代码，你会看到在Ext.data.Model的构造函数的末尾，它检查是否在对象上定义了一个init函数，如果是，则调用它

        if (typeof this.init == 'function') {
            this.init();

定义模型后，可以向原型添加init函数。在该函数中，迭代对象的验证并添加对此的引用。此步骤应在创建任何模型之前完成。

    YourModel.prototype.init = function () {
        var i, len;
        if (this.validations) {
            for (i = 0, len = this.validations.length; i < len; i++) {
                this.validations[i].self = this;
            }
        }
    };

然后在上面的自定义验证函数中，只检查配置是否有自指针，如果有，请用self调用它。我编辑了上面的代码以使用self。

注意：我没有看到模型的init函数被记录，所以如果sencha摆脱它，你将不得不以其他方式将this指针添加到模型的验证。

很抱歉，如果这对任何人造成混淆。

Answer 2

我稍微调整了Jason的代码，用于sencha touch 2（因为验证现在位于模型的config属性中）。我建议创建一个基类，所有其他模型类都将从该基类继承。然后，一旦你完成了，你可以使用jason的技术在Ext.data.validations singleton中添加自定义验证。

Ext.define('MyApp.model.CustomModelBase', {
    extend: 'Ext.data.Model',

    //adding an initializer to let custom validators access "self"
    init : function () {
        var i, len;
        if (this.config.validations) {
            for (i = 0, len = this.config.validations.length; i < len; i++) {
                this.config.validations[i].self = this;
            }
        }
    }
});

Answer 3

我认为向模型添加复杂自定义验证的最简单方法是覆盖validate方法。如下所示，由于父调用，它支持内置验证类型。

validate: function() {
    var me = this;
    var errors = this.callParent(arguments);

    /* custom complex validations here */
    if(true !== me.get('checkOne') &&
       true !== me.get('checkTwo') &&
       true !== me.get('checkThree')) {
       errors.add(Ext.create('Ext.data.Error', {
                    field  : 'checkOne',
                    message: 'Choose at least one check, e.g. checkOne'
                }));
    }

    return errors;
}

Answer 4

也需要实现自定义验证，谷歌搜索，也在github上找到这个tomalex0/SenchaTouch-Form-Validation

如何在Sencha Touch中向模型添加自定义验证规则

4 个答案: