美文网首页
jquery实时监听用户输入状态

jquery实时监听用户输入状态

作者: jia林 | 来源:发表于2017-08-02 10:59 被阅读0次

需求:用户输入文本之后,才可以点击按钮

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

    });

相关文章

网友评论

      本文标题:jquery实时监听用户输入状态

      本文链接:https://www.haomeiwen.com/subject/umeelxtx.html