/******* * 输入框清除输入的功能 * *********/ $(function () { $('.input-clear').each(function () { if ($(this).find('.mui-icon').length === 0) { $(this).append('') } }); $('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'); } }) });