Question

我有以下脚本，如果用户拥有浏览器ie9，那么我们修复了关于ie9不支持占位符的已知问题：

       if (isIE9) { // ie9
            // this is html5 placeholder fix for inputs, inputs with placeholder-no-fix class will be skipped(e.g: we need this for password fields)
            jQuery('input[placeholder]:not(.placeholder-no-fix), textarea[placeholder]:not(.placeholder-no-fix)').each(function() {

                var input = jQuery(this);

                if (input.val() == '' && input.attr("placeholder") != '') {
                    input.addClass("placeholder").val(input.attr('placeholder'));
                }

                input.focus(function() {
                    if (input.val() == input.attr('placeholder')) {
                        input.val('');
                    }
                });

                input.blur(function() {
                    if (input.val() == '' || input.val() == input.attr('placeholder')) {
                        input.val(input.attr('placeholder'));
                    }
                });
            });
        }

当我在ie9中加载页面时，我看到了电子邮箱的占位符，但是密码框决定占用占位符并使其看起来像某人输入的值如下所示：

我的标记如下：

<div class="form-group">
   <input id="EmailAddress" class="form-control" type="text" value="" placeholder="Please enter your email address" name="EmailAddress" data-val-required="Email Address is required" data-val="true" autocomplete="off" maxlength="320">
</div>
<div class="form-group">
   <input id="Password" class="form-control" type="Password" value="" placeholder="Password" name="Password" data-val-required="Password is required" data-val="true" autocomplete="off" maxlength="50">
</div>

有人可以提出任何可能有助于我解决问题的建议吗？

我还在密码类中添加了placeholder-no-fix，但是当在ie9中查看时，密码字段为空，则不会显示占位符。

Answer 1

您将密码字段的值（.val（））设置为字符串“Password”，它将其视为密码并隐藏字符。

我认为作为一个肮脏的黑客你可以将输入类型设置为文本，直到它们聚焦字段，然后将其设置为密码，直到该字段在模糊时再次为空（将其设置为文本显然是不好的如果他们的密码在那里！）。

Answer 2

我建议你使用额外的位置：绝对; div作为IE 9的占位符后备。只需显示/隐藏div onblur。

使用值作为占位符将要求用户在填写字段之前删除所有内容，并且肯定会在密码字段中出现******问题。

IE9 javascript问题的占位符脚本

2 个答案: