javascript - 禁用按键上的启用按钮

Question

我想在文本框中有一些值时启用按钮

这一切都很好，但对于一个值，它会失败

比如在文本框中输入1

http://jsfiddle.net/akash4pj/YhQN4/

js

<script>
$(document).ready(function(){

$("#textbx").keypress(function(){
 if ($("#textbx").val().length > 0) {
      $("#btn").removeAttr('disabled');

   }
});

 $("#textbx").blur(function(){
    if ($("#textbx").val().length ==0) {
      $("#btn").attr('disabled','disabled');

   }
  });

});
</script>

html代码

 <input id="textbx" type="text" /><button id="btn" disabled="disabled">go</button>

Answer 1

使用keyup代替keypress，像这样:

$("#textbx").blur(function () {
    if ($("#textbx").val().replace(/\s{1,}/g, "").length == 0) {
        $("#btn").attr('disabled', 'disabled');
    }
});

此外，我还在代码中添加了 .replace(/\s{1,}/g, "")。这确保(间接地)如果用户只键入空格，当文本输入模糊时按钮仍将被禁用。

Fiddle .