需求:用户输入文本之后,才可以点击按钮
html
<input type="text" name="" placeholder="输入账号" id="user" >
<button class="disabled" id="add">登录</button>
css
.disabled {
pointer-events: none;//禁用点击事件
cursor: default;
opacity: 0.6;
}
js
//监听input里的值
$('#user').on('input propertychange',function(){
if(this.value.length != 0){
$('#add').removeClass('disabled');
}else{
$('#add').addClass('disabled');
}
});