我有以下表格,我想确保用户输入至少两个字符才能提交表格。所以我禁用了提交按钮:
<form action="/search" method="post" id="search_form" name="searchform">
<input id="search_box" type="text" class="inp" placeholder="Search" />
<input type="submit" id="search_button" disabled class="btn" value="Search">
</form>
我尝试使用以下Jquery来捕获按键,但没有发生:
$("#search_box").keypress(function() {
if($(this).length > 1) {
$('#search_button').removeAttr('disabled');
}
});
我设置了一个小提示:http://jsfiddle.net/HZvSF/3/
答案 0 :(得分:2)
您需要获取文本框的val()
:
$("#search_box").keypress(function() {
if($(this).val().length > 1) {
$('#search_button').removeAttr('disabled');
}
});
修改
我刚刚看到图书馆是小提琴中的MooTools,这里有效: http://jsfiddle.net/HZvSF/17/
答案 1 :(得分:0)
我认为这是一个绑定问题。在匿名函数里面“this”不是指j jQuery对象,而是指我想的窗口。
$("#search_box").keypress(function(event) {
if($(event.target).val().length > 1) {
$('#search_button').removeAttr('disabled');
}
});