输入占位符脚本适用于没有 JQuery 的 IE 8 密码字段?

Posted

技术标签:

【中文标题】输入占位符脚本适用于没有 JQuery 的 IE 8 密码字段?【英文标题】:Input placeholder script that works on IE 8 password fields without JQuery? 【发布时间】:2012-12-01 11:10:05 【问题描述】:

IE 问题中的另一个占位符...

我目前正在使用这个 Placeholders.js 脚本:https://github.com/jamesallardice/Placeholders.js

不幸的是,与所有其他“更新输入字段的值”占位符 polyfill 一样,它在密码字段上失败,因为密码字段的值显示为星号。我需要它来处理密码字段,所以这会破坏交易。

这是针对 JSP 应用程序,而不是 javascript 应用程序,并且很少使用 Javascript。如果可以的话,我宁愿没有 JQuery 依赖项。然而,我能找到的几乎所有占位符 polyfill 都是 JQuery 插件。

有没有人找到一个脚本可以在没有 JQuery 的情况下处理这种情况?我宁愿不自己写,因为有很多边缘情况。

【问题讨论】:

我知道你说没有 jQuery,但这里有一个使用 jQuery 并且也适用于密码/IE 的好方法:github.com/danielstocks/jQuery-Placeholder/blob/master/… 是的,如果我使用 JQuery,我肯定有很多选择,所以这是 B 计划。这个问题只是寻找非 JQuery 解决方案的最后一次尝试。 呃,一想到要在所有旧版浏览器中测试非 jQuery 解决方案,我就想回家…… 我现在已经尝试了大约 6 种不同的 JQuery,这是我用例中唯一没有错误的一种:github.com/dciccale/placeholder-enhanced。鉴于此,我可能只使用 JQuery,因为即使我找到一个非 JQuery 的,我也不希望它没有错误 作为一个长期的跟进,我们最终使用了我上面链接的那个。其他问题的症结往往是 IE7 支持和缺乏对密码字段的支持。数量惊人的 polyfill 在密码字段中将占位符显示为 *********。 【参考方案1】:

您可以在 SO 上找到许多示例,这是一个似乎适用于许多人的示例。对于所有输入类型:

Showing Placeholder text for password field in IE

【讨论】:

这些不都是JQuery解决方案吗? 嗯,是的,但是您当然可以在不使用库的情况下将大部分内容重写为简单的 java 脚本。但这是在重新发明***。您应该阅读我提供的链接的其余部分。参见例如 DavidJCobb 在该线程中的回答,几乎没有使用 JS。 就像你说的,它正在重新发明***。我可以,但我想看看我需要的***是否已经存在。 是的,但当时正在寻找可能不存在的现有 sn-p,因为浏览器很快就会停止在许多平台上的支持。您可以自己制作一个 sn-p。如果您下载未缩小的源代码,您甚至可以复制大量用于解决方案的 javascript JQuery。只是说:搜索 sn-ps / code 并不总是最有利可图/可行的解决方案。在您的情况下:密码字段占位符-> 没有 jquery / ie8 / 和最小的 javascript。尤其是最小的javascript需求,最好还是自己写sn-p总结一下。

以上是关于输入占位符脚本适用于没有 JQuery 的 IE 8 密码字段?的主要内容,如果未能解决你的问题,请参考以下文章

在 IE 中的占位符上触发 jQuery 输入事件

占位符在 IE 中无法正常工作,但适用于 Chrome

jQuery专注于数组模糊

IE 中与 jquery 验证器一起使用的占位符

使用 IE9、jquery 插件/html 验证的占位符问题

占位符 Internet Explorer 11 未显示