Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/424.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 Textbox事件绑定和Textbox值_Javascript_Knockout.js - Fatal编程技术网

Javascript Textbox事件绑定和Textbox值

Javascript Textbox事件绑定和Textbox值,javascript,knockout.js,Javascript,Knockout.js,我的文本框为: <input type="text" class="form-control textbox" data-bind="value: nameValue, , event: { 'keyup': checkIfTextBoxEmpty }" /> 当用户输入无值并按下我页面上的按钮时,我已经将验证器连接到此文本框,该文本框显示错误“Field is required” 如果他们在文本框中输入了无效值,我会在我的按钮中进行检查,并在文本框下方的范围中将其显示为错误 当

我的文本框为:

 <input type="text" class="form-control textbox" data-bind="value: nameValue, , event: { 'keyup': checkIfTextBoxEmpty }" />
当用户输入无值并按下我页面上的按钮时,我已经将验证器连接到此文本框,该文本框显示错误“Field is required”

如果他们在文本框中输入了无效值,我会在我的按钮中进行检查,并在文本框下方的范围中将其显示为错误

当用户输入无效值并按下按钮时,会出现问题。当用户删除文本框中输入的值时,会显示所需字段错误和无效值错误

所以我将“keyup”事件绑定到文本框。在这里,我想检查值是否为空,我会隐藏span标记,以便它只显示必需的字段错误

但是在我的keyup事件数据中,nameValue()始终未定义,因此我无法检查它们输入的值

这里还有什么需要做的吗

谢谢

正如你在上面看到的,我在我的文本框中使用了keyup事件

你不应该。你根本不应该使用任何事件。使用和一个计算值

函数VM(){
var self=这个;
self.nameValue=ko.可观察(“”);
self.nameIsEmpty=ko.computed(函数(){
返回self.nameValue()='';
});
};
var vm=新vm();
ko.应用绑定(vm)


字段是必填的
托马拉克上面提到的答案是正确的方法

关于如何使用事件,您可以尝试以下代码

 <input type="text" class="form-control textbox" data-bind="value: nameValue, 
 valueUpdate: 'value' , event: { 'keyup': checkIfTextBoxEmpty }" />


谢谢,我将根据上面的代码进行查看和更改,并查看ko验证。因为我对KO是新手,我想知道,因为我们在文本框上定义了双向绑定。为什么keyup事件数据.nameValue()未定义。是否有其他事件需要绑定以获取textbox值。因为当我调试时,我可以看到事件被命中,只是值为空。感谢您对我的问题提出的意见。这次活动是怎么回事?你为什么在乎?
 <input type="text" class="form-control textbox" data-bind="value: nameValue, 
 valueUpdate: 'value' , event: { 'keyup': checkIfTextBoxEmpty }" />