html里如果输入框为空，则提交按钮不可用，反之可用怎么做呢？

Question

当打开网页时，文本框是空的，此时提交按钮是灰色不可点击，当文本框有至少1个字时，提交按钮立即可用，并且立即变成红色。求教这个jq怎么写呢？

Answer 1

$('#name').change(function(event) {
/* Act on the event */
var txtVal=$(this).val();
if (txtVal==='') {
    $('#btnAdd').attr('disabled',"true");   
}else{
    $('#btnAdd').attr('disabled',"false");  
}

});

Answer 2

多谢各位，后来我找到一个更简单的方法
http://jsbin.com/gunigaxuwa/1/edit?html,css,js,output

Answer 3

触发input的onchage事件后，判断input内容长度（小心兼容问题）。

Answer 4

补充下@banama 的答案
页面打开后提交按钮应该为不可用状态，然后给input绑定onchange事件。