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 }" />