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>
  • 相关阅读:
    python 操作mysql
    openstack 与 VMware(vSphere) 不同
    python redis 实现订阅发布
    python redis 管道
    python rabbitMQ 实现RPC
    python 连接redis
    使用gdb
    在应用程序中如何打印调用栈
    如何使用coredump
    linux中常用命令
  • 原文地址:https://www.cnblogs.com/share901124/p/7615124.html
Copyright © 2011-2022 走看看