manyi/static/app/js/xyf.login.js

/*******
 * 输入框清除输入的功能
 * *********/

$(function () {
    $('.input-clear').each(function () {
        if ($(this).find('.mui-icon').length === 0) {
            $(this).append('<span class="mui-icon mui-icon-clear mui-hidden"></span>')
        }
    });
    $('input').focus(function () {
        var clearBtn = $(this).siblings('.mui-icon-clear');
        if ($(this).val() == "") {
            clearBtn.addClass('mui-hidden');
        } else {
            clearBtn.removeClass('mui-hidden');
            clearBtn.tap(function () {
                $(this).siblings().val('');
                $(this).addClass('mui-hidden');
            });
        }
    }).blur(function () {
        $(this).siblings('.mui-icon-clear').addClass('mui-hidden');
    });
    $('input').keyup(function () {
        var clearBtn = $(this).siblings('.mui-icon-clear');
        if ($(this).val() == "") {
            clearBtn.addClass('mui-hidden');
        } else {
            clearBtn.removeClass('mui-hidden');
            clearBtn.tap(function () {
                $(this).siblings().val('');
                $(this).addClass('mui-hidden');
            });
        }
    });

    $('.mui-icon-eye').on('click', function () {
        if ($(this).hasClass('c-primary')) {
            $(this).siblings().attr('type', 'password');
            $(this).removeClass('c-primary');
        } else {
            if ($(this).siblings().val().length > 20) {
                $(this).siblings().val('')//清空md5的密码
            }
            $(this).siblings().attr('type', 'text');
            $(this).addClass('c-primary');
        }
    })
});