jquery检查表单字段长度

时间:2012-08-18 09:57:39

标签: jquery validation

我有以下表格,我想确保用户输入至少两个字符才能提交表格。所以我禁用了提交按钮:

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

2 个答案:

答案 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');
}
});