aurelia - 如何编写自定义 ValidationRule

Question

aurelia-validation 插件的介绍包含一个关于创建自定义 ValidationRules 的部分，方法是扩展 ValidationRule 类并将其传递给 passes 函数。给出的例子如下:

import {ValidationRule} from './plugins/validation/';
export class MyValidationRule extends ValidationRule{
constructor (isValid) {
    super(
        isValid, //pass any object as 'threshold'
        (newValue, threshold) => { //pass a validation function
             return threshold;
        }
        (newValue, threshold) => { //Optionally pass a function that will provide an error message
            return `needs to be at least ${threshold} characters long`;
        },
    );
}
}

我该怎么办？例如，出于演示目的，如果我想制作一个函数来检查该值是否是带有正则表达式的电话号码，我将如何使用此模板对其进行编码？我问是因为文档中的示例很少；没有用于编写自定义验证规则的方法，另一个示例显示了如何将一个添加到 ValidationGroup 原型(prototype)，但我想知道添加自定义规则的两种方法

Answer 1

首先，您不必创建自定义验证规则类。您可以只创建一个接受参数并返回验证结果的函数，例如

function validatePhoneNumber(newValue) {
    return true/*your RegExp check should return true/false here*/;
}

然后

this.validation = validation.on(this)
                            .passes(validatePhoneNumber);

如果您认为您需要一个类来使验证更通用，请尝试类似的方法

import {ValidationRule} from './plugins/validation/';
export class RegExpValidationRule extends ValidationRule {
    constructor (regExp, errorMessage) {
        super(
            regExp, 
            (newValue, threshold) => { 
                return true/*your RegExp check should return true/false here*/;
            },
            (newValue, threshold) => { 
                return errorMessage;
            }
        );
    }
}

然后

var validationRule = new RegExpValidationRule(/*your RegExp*/, 'Invalid phone number');
this.validation = validation.on(this)
                            .passesRule(validationRule);