javascript - 仅当 KnockoutJS 中的 0 或 null 不同时才启用

Question

目标

如果输入不为零 (0)、零零 (00) 或 null/空，则启用该按钮。

问题

我不知道语法。

代码

HTML:

<input class="quantity float-left" name="productQuantity" maxlength="2"
       type="text" 
       data-bind="value: ProductLayout.itemQuantity, valueUpdate: 'afterkeydown'" 
/>
<span class="float-left">/@(Model["MeasureName"])(s)</span>
<button class="btn btn-add btn-mini float-right" 
        data-bind="enable: ProductLayout.itemQuantityValid">Adicionar</button>

JS:在下面的代码中我说明了我想要做什么。会发生什么？如果 && null 存在，则该按钮不会启用。

function ProductLayoutViewModel() {
    var self = this;
    self.itemQuantity = ko.observable("");
    self.itemQuantityValid = ko.computed(function () {
        return self.itemQuantity() != "0" && null;
    }, this);
};

Answer 1

请看一下这个fiddle

查看:

<input class="quantity float-left" name="productQuantity" maxlength="2" type="text" 
       data-bind="value: itemQuantity, valueUpdate: 'afterkeydown'" />

<span class="float-left">/@(Model["MeasureName"])(s)</span>

<button class="btn btn-add btn-mini float-right"
        data-bind="enable: itemQuantityValid">Adicionar</button>

View 模型:

function ProductLayoutViewModel() {
    var self = this;
    self.itemQuantity = ko.observable("");
    self.itemQuantityValid = ko.computed(function () {
        var q = self.itemQuantity();
        return q != "0" && q != '00' && q != null && q != '';
    }, this);
};

var vm = new ProductLayoutViewModel();
ko.applyBindings(vm);

<强> See fiddle