带有密码字段的IE占位符问题

时间:2015-12-08 16:49:34

标签: javascript jquery html internet-explorer

我知道这是一个常见问题,但我还没有找到一个适合我的问题的解决方案。

占位符与我使用过的JQuery一起使用 - 正如我在许多其他人看到的那样,密码字段显示为*********但是当我点击它时,文本变为我的占位符“输入密码”。

JQuery的

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript">


    //IE 8 Placeholder 


(function ($) {
    'use strict';
    $(function () {
        $('[placeholder]')
            .focus(function () {
                var input = $(this);
                if (input.val() === input.attr('placeholder')) {
                    input.val('').removeClass('placeholder');
                }
            })
            .blur(function () {
                var input = $(this);
                if (input.val() === '' || input.val() === input.attr('placeholder')) {
                    input.addClass('placeholder').val(input.attr('placeholder'));
                }
            })
            .blur()
            .parents('form').submit(function () {
                $(this).find('[placeholder]').each(function () {
                    var input = $(this);
                    if (input.val() === input.attr('placeholder')) {
                        input.val('');
                    }
                });
            });
    });
})(jQuery);

// minified javascript
(function(j,p){j(function(){j("["+p+"]").focus(function(){var i=j(this);if(i.val()===i.attr(p)){i.val("").removeClass(p)}}).blur(function(){var i=j(this);if(i.val()===""||i.val()===i.attr(p)){i.addClass(p).val(c.attr(p))}}).blur().parents("form").submit(function(){j(this).find(p).each(function(){var i=j(this);if(i.val()===i.attr(p)){i.val("")}})})})})(jQuery,"placeholder");


    </script>

我只是一个初学者而且我对JavaScript并不擅长,所以有人可以告诉我他们之前是否遇到过这个问题以及任何可能解决问题的方法吗?

感谢。

0 个答案:

没有答案