zoukankan      html  css  js  c++  java
  • 当input的框全部不为空时,提交按钮变色

    <body>
    <form class="cmxform" id="commentForm" method="get" action="">
    <fieldset>
    <p class="phone">
    <label for="cname">账号</label>
    <input id="cname" name="name" minlength="11" type="number" placeholder="请输入手机号" required>
    </p>
    <p class="oldpassword phone">
    <label for="cpass">旧密码</label>
    <input type="password" name="cpass1" id="cpass1" minlength="6">
    </p>
    <p class="newpassword phone">
    <label for="cpass">新密码</label>
    <input type="password" name="cpass" id="cpass" minlength="6">
    </p>
    <div id="submit" class="submit"><a id="submit-a" href="#">完成</a></div>
    </fieldset>
    </form>
    </body>
    <script>
    //获取验证码
    var request;
    //当所有input框不为空时,按钮变色
    $('input').on('input propertychange', function() {
    if(($.trim($('#cname').val()) !== "") && ($.trim($('#cpass1').val()) !== "") && ($.trim($('#cpass').val()) !== "")){
    $(".submit").css("background-color","#5fcdd7");
    } else {
    $(".submit").css("background-color","#d1d1d1");
    }
    });
    </script>
  • 相关阅读:
    HDU5367 思维map // 动态线段树
    CF500C New Year Book Reading
    窗口的星星
    【模板】扫描线
    [JLOI2014]松鼠的新家
    [USACO15DEC]最大流Max Flow
    The Lost House
    介绍 Seq2Seq 模型
    word2vec 和 glove 模型的区别
    关于 word2vec 如何工作的问题
  • 原文地址:https://www.cnblogs.com/share901124/p/7615124.html
Copyright © 2011-2022 走看看