检测奥里利亚验证验证错误,但没有错误信息(Aurelia Validation validation

2019-10-23 02:27发布

我有一个超级简单的代码,我试图验证:

<template>
    <form role="form" submit.delegate="submit()" validate.bind="validation">    
        <div class="form-group">    
            <label>Test Field</label>
            <input type="text" value.bind="testField" class="form-control" validate="Description" placeholder="What needs to be done?" />
            <button type="submit">Submit</button>
        </div>
    </form>
</template>

用下面的视图模型

 define(["require", "exports", "../scripts/HttpClient", "aurelia-validation", "aurelia-framework"], function(require, exports, HttpClient) {
    var AureliaValidation = require('aurelia-validation').Validation;

    var MyViewModel = (function () {
        function MyViewModel(httpClient, aureliaValidation, isReadyCallback) {
            this.httpClient = httpClient;
            var self = this;

            self.setupValidation(aureliaValidation);
        }
        MyViewModel.prototype.activate = function (params, queryString, routeConfig) {
        };

        MyViewModel.prototype.setupValidation = function (validation) {
            this.testField = "";
            this.validation = validation.on(this).ensure('testField');

            //validation
            //    .on(this.serviceMetadata.ServiceData[0])
            //    .ensure('Value');
            this.validation = this.validation.notEmpty().maxLength(3);
        };

        MyViewModel.prototype.submit = function () {
            debugger;
            if (this.validation.checkAll()) {
                //Do Something
            }
            return null;
        };
        MyViewModel.inject = [HttpClient, AureliaValidation];
        return MyViewModel;
    })();


    return MyViewModel;
});

现在,我得到了它的大部分工作,并验证是否显示在提交检查,文本框轮廓颜色变化等错误,但它不是注射验证错误消息到DOM。 有没有脚本错误消息要么,我怎么能解决呢?

是的,我可以看到验证消息的validationProperties,但他们没有写入到UI。

Answer 1:

如果您的浏览器允许的话,发现在源JSPM包,并把这里断点 ,这是其视图策略查找标签错误消息附加的地步。 如果你不得不在公开这段代码,我很乐意看看你。

此外,您使用的是什么版本奥里利亚/奥里利亚验证的?

最后,你有没有在发布前修改你的样品?

`<input value.bind="testField" validate="Description" />`

这两个属性是相互矛盾的。 它结合了价值testField,但你使用验证属性来明确显示属性“说明”确认消息。



文章来源: Aurelia Validation validation error detected, but no error message