根据输入值启用按钮

时间:2014-05-07 13:00:44

标签: javascript html mvvm web kendo-mvvm

我有一个包含两个值的observable。如果输入值不为空,我想启用一个按钮。我用函数检查值是否为空。请帮助,这是我想要实现的目标的一个例子:http://jsfiddle.net/zNLNy/1213/

以下是一些代码:

<div id="form">
    <input type="text" data-bind="value: message" />
    <button data-bind="enabled: canSend">Send</button>
</div>

var chatFormObservable = kendo.Observable({
    message: "",
    canSend: function(){
        return this.get("message") != ""
    }
});
kendo.bind($("#form"), chatFormObservable);

1 个答案:

答案 0 :(得分:1)

您需要的功能是“订阅”;如果输入了值,则需要订阅输入值并启用按钮,否则禁用它:

self.message.subscribe(function (value) {

    if(value){
        self.canSend(true);
    } 
    else{
        self.canSend(false);
    }

});