登录注册实时监听判断是否输入成功来改变(登录注册)按钮的颜色

  <script>
        /* 声明一个数组用来存input值 */
        var array = ["", "", "", ""];
        /*方法调用*/
        inputFn("p:nth-child(1) input", 0);
        inputFn("p:nth-child(2) input", 1);
        inputFn("p:nth-child(3) input", 2);
        inputFn("p:nth-child(4) input", 3);
        /* 方法封装 */
        /*键盘弹起时实时生效*/
        function inputFn(ele, num) {
            $(ele).keyup(function(){
                var val = $(this).val().trim();
                console.log(val);
                array[num] = val;
                inputArray();
            });
        }
        /*遍历数组,判断input值是否存在于数组中*/
        function inputArray() {
            for (var i = 0, arrayLen = array.length; i < arrayLen; i++) {
                //  如果值不在数组中 就返回 并 去掉颜色
                if (array[i] == "" || array[i] == null) {
                    $("button").removeClass("submit");
                    console.log(array[i] + "无法提交" + i)
                    return;//结束当前语句,不在执行下面的语句

                }
            }            //

            $("button").addClass("submit");
        }
    </script>

猜你喜欢

转载自blog.csdn.net/journeynana/article/details/81120740