Knockout-Validation分组验证：如何获取验证错误对应的属性名？-html教程-PHP中文网

Knockout-Validation分组验证：如何获取验证错误对应的属性名？

霞舞

发布： 2025-03-03 20:44:30

原创

308人浏览过

Knockout-Validation分组验证：如何获取验证错误对应的属性名？

knockout-validation分组验证：精确定位错误属性

使用Knockout-Validation库进行分组验证时，ko.validation.group(obj)返回的验证结果数组只包含错误信息，缺少属性名，这使得错误定位变得困难。本文提供一种解决方案，通过自定义错误信息格式来解决这个问题。

问题：ko.validation.group(obj)返回的数组例如[{message: '不超过6位小数'}]，只包含错误信息，缺少对应的属性名。

解决方案：在定义验证规则时，将属性名嵌入错误信息中。这需要修改错误信息的生成方式。

示例：假设对象obj包含price和quantity两个属性，需要验证：

var obj = {
    price: ko.observable("").extend({ 
        required: { message: '价格是必填项' },
        number: { message: '价格必须是数字' },
        decimal: { length: 6, message: '价格最多6位小数' } 
    }),
    quantity: ko.observable("").extend({ 
        required: { message: '数量是必填项' },
        number: { message: '数量必须是数字' }
    })
};

var validationResults = ko.validation.group(obj);

ko.utils.arrayForEach(validationResults(), function(result) {
    console.log("错误信息: " + result.message);
});

登录后复制

改进后的方法，直接在每个验证规则的message属性中指定错误信息，无需再进行字符串解析。这样，result.message直接包含了完整的错误信息，无需额外处理即可获取。此方法更加清晰简洁，避免了对库内部实现的依赖，也更易于维护。如果需要更精细的错误信息，可以在message中包含属性名，例如：{ message: 'price: 价格最多6位小数' }，然后在循环中再进行解析。但直接在message中包含完整的信息，更推荐的做法。

这种方法通过在验证规则中直接定义包含属性信息的错误消息，避免了对validationResults进行复杂解析，提高了代码的可读性和可维护性。它是一种更可靠和直接的获取错误属性名的方法。

以上就是Knockout-Validation分组验证：如何获取验证错误对应的属性名？的详细内容，更多请关注php中文网其它相关文章！