parsleyjs带有计算消息的自定义验证器

时间:2016-12-08 07:26:48

标签: validation parsley.js parsley

我有一组预定义的规则,这些规则加载了来自外部资源的休息调用。

rules.yaml

rules:
  firstname:
    rule: value.length <= params.max
    message: Bitte geben Sie nicht mehr als {{params.max}} Zeichen ein
    params:
      max: 20
  lastname:
    rule: value.length <= params.max
    message: Bitte geben Sie nicht mehr als {{params.max}} Zeichen ein
    params:
      max: 30

然后我写了一个这样的自定义验证器:

window.Parsley.addValidator('rules', {
    rules: rules,
    validateString: function (value, requirement) {
        let constraint = rules[requirement];
        if (constraint) {
            let params = constraint.params;
            if (constraint.message) {
                let errorMessage = Mustache.render(constraint.message, {params: params, value: value});
            }
            return !value || eval(constraint.rule);
        } else {
            console.log('Invalid constraint: $requirement could not be found inside $rules');
            return false;
        }
    },
    requirementType: 'string',
    messages: {
        en: 'The string ist invalid %s.',
        fr: 'Ce nombre n\'est pas un multiple de %s.'
    }
});

验证按预期工作。但正如您所看到的,错误消息是在验证期间动态计算的。 Parsley如何在此设置中使用我的计算消息?

2 个答案:

答案 0 :(得分:1)

而不是var app = angular.module('app', [...]); app.run(function ($templateCache) { // <script type="text/ng-template"> ... is preferred, but VS 2012 doesn't give intellisense there angular.element('script[type="text/html"]').each(function(idx, el) { $templateCache.put(el.id, el.innerHTML); }); }); true,您可以返回失败的承诺,其中参数是错误消息。

false

答案 1 :(得分:0)

如果有人关心其他解决方案,这就是我的解决方法。

如果发生验证错误,请在“ validateString”方法内部手动添加一条消息(如果使用多种语言,则为消息)。

window.Parsley.addValidator('myCustomValidator', {
    validateString: function (value, requirement) {
        let isValid = false;
        // define dynamic messages
        window.Parsley.addMessage('de', 'myCustomValidator', 'Das ist ein Fehler');
        window.Parsley.addMessage('en', 'myCustomValidator', 'This is an error');

        if (isValid == true) {
            return true;
        } else {
            return false;
        }
    },
    requirementType: 'string',
    messages: {
        // leave blank since the messages get defined dynamically inside parseString method
    }
});