KnockoutJS - 过滤用户输入

Question

我有一个简单的输入文本元素：

<input type="text" data-bind="value:valInserted,valueUpdate:'afterkeydown'" />

如何验证此元素的用户输入？我有一个问题，即创建适当的绑定来移植jQuery代码：

$('[id$="pinBox"] :text').keypress(function (e)
{
   if (!(e.charCode >= 48 && e.charCode <= 57) && e.keyCode != 8)
   {
       return false;
   }
});

Answer 1

我想我终于明白了。

<input type="text" data-bind="validateValue:valInserted,valueUpdate:'afterkeydown',value:valInserted" />

ko.bindingHandlers.validateValue = {
    update: function (element, valueAccessor, allBindingsAccessor, viewModel)
    {
        var value = ko.utils.unwrapObservable(valueAccessor());
        viewModel.valInserted(value.replace(/[^0-9]/g, ''));
    }
};