javascript - jQuery 和 Knockout 验证插件的 CSS 问题

Question

问题:触发验证时 CSS 未更​​改

场景:在我的元素中，我使用 jQuery 验证和 knockout validation 。在 knockout 中，我有一个父模型绑定(bind)和子模型，它们是在按钮单击事件时动态生成的。

验证:对于父模型绑定(bind)，我有 jQuery 验证(使用模型验证)但是对于子模型，我有 knockout validation (因为模型中没有提到属性)

问题:正在显示验证消息，但未绑定(bind) css 错误类。对于我已经提到的 knockout validation

 ko.validation.init({
    registerExtenders: true,
    messagesOnModified: false,
    insertMessages: false,
    decorateElement: true,        
    errorElementClass: 'input-validation-error',
    errorMessageClass: 'field-validation-error'
});

knockout 版本: knockout :3.0.0

Answer 1

当 insertMessages 设置为 false 时，配置 errorMessageClass 将被忽略。

我怀疑您在 View 中使用了自定义错误消息元素。然后，您可以使用此方法 notValidField 绑定(bind)到 visible 关键字。

<span data-bind="visible: notValidField(searchCriteria.nsn, canShowErrors()),
 text: valMsg" class="error"></span>

它的实现是这样的:

notValidField = function (boundField, canShowErrors) {
    return boundField.isModified() && !boundField.isValid() && canShowErrors;
};

请注意，“canShowErrors”标志用于查看提交时的验证错误，如果您需要实时验证，请移除此标志。

试一试。