javascript - 输入元素上的 knockout validation 错误类

Question

我是 Knockout 的新手，在验证我的表单时遇到了一些问题。

HTML

<input data-bind="value: naam" type="text" name="naam" id="naam" placeholder="Naam" required />
<input data-bind="value: email" type="email" name="email" id="email" placeholder="E-mail" required pattern="@" />

knockout

var OrderInfo = function(){
   var self = this;

   self.naam = ko.observable().extend({
       required: "true",
       minLength: 6
   });

   self.email = ko.observable().extend({
       required: "true",
       email: { 
           message: "Gelieve een geldig e-mail adres op te geven.", 
           params: true 
       }
   });
};

问题

1) 当我在“naam”处输入少于 6 个字符时，我收到消息 Please enter at least 6 characters.。然而 valid 类被赋予了元素。电子邮件输入字段会获得应有的错误类别。
2) 当我记录 OrderInfo 是否有效时，我总是得到 true，即使我收到错误消息；

self.OrderInfo = ko.validatedObservable(self.orderInfo);
console.log("Valid: " + self.OrderInfo.isValid());

我已经像这样配置了 ko.validation;

ko.validation.configure({
   errorElementClass: 'error',
   decorateInputElement: true,
   decorateElementOnModified: true,
});

为什么这适用于电子邮件字段而不适用于其他字段？ (我只发布了 1 个其他字段，但我得到了更多，所有人都遇到了同样的问题。)我做错了什么？

Answer 1

问题已解决。问题出在我的 HTML 中。在标记我的表单时，我不小心使用了相同的 ID 两次。

愚蠢的错误需要最长的时间才能找到...感谢您的帮助!