Knockoutjs 验证

【问题标题】：Knockoutjs ValidationKnockoutjs 验证
【发布时间】：2014-06-11 08:21:12
【问题描述】：

我的验证遇到问题

这是我的扩展属性字段

self.searchText = ko.observable("")
                    .extend({ pattern: { params: /^[a-zA-Z0-9\åäöÅÄÖ]+$/g, message: "Invalid symbols."} });

正则表达式不允许使用特殊符号但是，在运行时我可以输入任何符号

我的代码有什么问题？

【问题讨论】：

您正在验证您的视图模型，这意味着当您进行验证时，视图模型已经更新。如果你想阻止输入，你需要在你的字段上添加额外的代码（例如检查 input 事件）

标签： validation knockout.js

【解决方案1】：

假设您实际上要解决的问题是“使用敲除来防止特殊字符”，而不是“使用敲除来告诉他们他们使用了特殊字符”，那么您会想要这样的东西：

var allowedChars = /[a-zA-Z0-9\åäöÅÄÖ]/;

var _noSpecialCharacters = ko.observable("");
self.searchText = ko.computed({
    read: function () {
        //read underlying observable
        return _noSpecialCharacters();
    },
    write: function (newVal) {
        //filter disallowed characters
        var filtered = newVal.split("").filter(function (char) {
            return allowedChars.test(char)
        }).join("")
        //write to underlying observable
        _noSpecialCharacters(filtered);
    }
});

您也可以很容易地将此功能包装到自定义的淘汰赛扩展中，这样您就可以使用您在问题中尝试使用的语法。

jsfiddle

【讨论】：