Knockoutjs验证

Question

我的验证遇到了问题

这是我的字段，具有扩展属性

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

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

我的代码出了什么问题？

Answer 1

假设你真正想解决的问题是“使用knockout来防止特殊字符”，而不是“使用knockout来告诉他们他们已经使用了特殊字符”，那么你会想要这样的东西：

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);
    }
});

您还可以很容易地将此功能封装到自定义knockout扩展中，这将允许您使用与您在问题中尝试使用的语法类似的语法。

jsfiddle