首页 > html里如果输入框为空,则提交按钮不可用,反之可用怎么做呢?

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

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


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

});


触发input的onchage事件后,判断input内容长度(小心兼容问题)。


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


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

【热门文章】
【热门文章】