wxPhone
/
me-charge3.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <!--<link rel="icon" href="./static/favicon.png" type="image/x-icon">-->
    <title>账户充值</title>
    <link rel="stylesheet" href="./css/same-css.css">
    <link rel="stylesheet" href="./css/me-charge3-css.css">
    <script src="./js/jquery-3.1.0.min.js"></script>
</head>
<body>
<div class="charge3-warp">
    <div class="charge3-box1">
        <img src="./images/bindcard.png" alt="">
        <p>请绑定您的银行储蓄卡</p>
    </div>
    <div class="charge3-box2">
        <p>储蓄卡卡号</p>
        <input type="number" placeholder="请输入银行卡卡号">
    </div>
    <div class="next-btn">
        <a href="#"><button>确认</button></a>
    </div>
</div>
<script>
    (function(){
        var inputs = $('.charge3-box2 input'),
            btn = $('button');
        if(inputs.val() == ''){
            btn.addClass('prevent-default');
            btn.attr('disabled',"true");//添加disabled属性
        }
        inputs.bind('input propertychange',function(){
            if(inputs.val() != ''){
                btn.removeClass('prevent-default');
                btn.addClass('success');
                btn.removeAttr("disabled"); //移除disabled属性
            }else{
                btn.removeClass('success');
                btn.addClass('prevent-default');
                btn.attr('disabled',"true");//添加disabled属性
            }
        });
    })();
</script>
</body>
</html>