带有动态消息的敲除验证器

发布于 2025-01-24 21:31:18 字数 846 浏览 1 评论 0原文

我希望我的基因淘汰验证器的消息取决于输入的验证。这似乎是一个非常常见的用例，但我找不到任何方法...这是我喜欢做

ko.validation.rules.dumb = {
    validator: function( value )
    {
       if (value.startsWith( "s")) return {isValid:true}
       return {isValid:false, message: value + " needs to start with an s"}
    }
}

some_field.extend({dumb: {}});

这种工作的简单示例：

ko.validation.rules.sort_of_works = {
    validator: function( value)
    {
       if (value.startWith("s")) return true;
       ko.validation.rules.message = value + needs to start with an s";
       return false;
    }
}

但是它确实不是't-因为它仅在您只使用该验证器的一个字段时起作用:(

我尝试在函数中访问“此”，但这是验证器函数的this - 这是没有用的，因为它没有也有一条消息。） - 我不想一次进行验证，然后再次与

我想要的消息一起使用。在服务器上 - 但不幸的是，该应用程序的其余部分（不是我写的）并不是真正的设置来支持Isvalidating-因此我不能使用异步。

原文

I want my knockout validator to have a message that depends on the validation of the input. It seems like a very common use case but I can't find any way of doing it... here's a simplistic example of what I'd like to do

ko.validation.rules.dumb = {
    validator: function( value )
    {
       if (value.startsWith( "s")) return {isValid:true}
       return {isValid:false, message: value + " needs to start with an s"}
    }
}

some_field.extend({dumb: {}});

This sort of works:

ko.validation.rules.sort_of_works = {
    validator: function( value)
    {
       if (value.startWith("s")) return true;
       ko.validation.rules.message = value + needs to start with an s";
       return false;
    }
}

but it really doesn't - because it only works if you only have one field using that validator :(

I tried accessing "this" in the function, but the this is the this of the validator function - which isn't useful, as it doesn't have a message on it. Also - I've seen people make message a function, so it depends on the input itself - but my validation is expensive (think something like parsing, where you want to say exactly where the error is in the string) - and I don't want to do it once for the validation, and then again for the message.

What I want works perfectly with the async validation callback function - in fact that's sort of what I'm mimicking, the validation actually happens on the server - but unfortunately the rest of the app (not written by me) is not really setup to support IsValidating - so I can't use async.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

山田美奈子 2025-01-31 21:31:18

我认为该库旨在使用扩展链多个验证。

因此，您没有使用一个一个验证器函数来检查大量情况，而是创建一组验证器，所有验证器都对与单个错误消息相对应的一个简单检查器：

ko.validation.rules.startsWith = {
    validator: (val, param) => val?.startsWith(param),
    message: 'The field must start with {0}'
};

ko.validation.rules.endsWith = {
    validator: (val, param) => val?.endsWith(param),
    message: 'The field must end with {0}'
};

ko.validation.registerExtenders();

const myValue = ko.observable()
  .extend({ startsWith: "s" })
  .extend({ endsWith: "p" });

ko.applyBindings({ myValue });

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout-validation/2.0.4/knockout.validation.js"></script>

<label>
  Input a word that starts with an <code>s</code> and ends with a   <code>p</code><br>
<input data-bind="value: myValue">
</label>

I think the library is designed to chain multiple validations using extend.

So, instead of having one validator function that checks a ton of cases, you create a set of validators that all do one simple check that corresponds to a single error message:

ko.validation.rules.startsWith = {
    validator: (val, param) => val?.startsWith(param),
    message: 'The field must start with {0}'
};

ko.validation.rules.endsWith = {
    validator: (val, param) => val?.endsWith(param),
    message: 'The field must end with {0}'
};

ko.validation.registerExtenders();

const myValue = ko.observable()
  .extend({ startsWith: "s" })
  .extend({ endsWith: "p" });

ko.applyBindings({ myValue });

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout-validation/2.0.4/knockout.validation.js"></script>

<label>
  Input a word that starts with an <code>s</code> and ends with a   <code>p</code><br>
<input data-bind="value: myValue">
</label>

回复收藏 0 原文

~没有更多了~