Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/404.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/flash/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 根据输入值启用按钮_Javascript_Html_Mvvm_Web_Kendo Mvvm - Fatal编程技术网

Javascript 根据输入值启用按钮

Javascript 根据输入值启用按钮,javascript,html,mvvm,web,kendo-mvvm,Javascript,Html,Mvvm,Web,Kendo Mvvm,我有一个包含两个值的可观测值。如果输入值不是空的,我想启用一个按钮。我用函数检查值是否为空。请提供帮助,下面是一个JSFIDLE示例,说明我试图实现的目标: 下面是一些代码: <div id="form"> <input type="text" data-bind="value: message" /> <button data-bind="enabled: canSend">Send</button> </div>

我有一个包含两个值的可观测值。如果输入值不是空的,我想启用一个按钮。我用函数检查值是否为空。请提供帮助,下面是一个JSFIDLE示例,说明我试图实现的目标:

下面是一些代码:

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

发送
var chatFormObservable=kendo.Observable({
消息:“”,
canSend:function(){
返回此。获取(“消息”)!=“”
}
});
剑道绑定($(“#形式”),chatFormObservable);
您需要的功能是“订阅”;您需要订阅输入值并在输入值时启用按钮,否则禁用:

self.message.subscribe(function (value) {

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

});