(Javascript) 无论我输入什么内容,如何在文本框中仅显示 1 个字符?

发布于 2024-12-15 05:31:33 字数 294 浏览 3 评论 0原文

我只想使用一个简单的 HTML Textbox 作为密码框 () do。
为我在其中输入的每个字符显示 *黑色圆圈

“密码”框供用户记住该值。我只是不想要它。我的意思是,我使用的不是里面的那种密码。只是正常输入值,但需要隐藏所有输入以防止周围人看到。所以,不想被浏览器要求记住里面的值

I just wanna use a simple HTML Textbox <input type="text" /> as a Password Box (<input type="password" />) do.
Showing the * or black circles for every single character i type inside.

"Password" box is offering user to remember the value. I just don't want it. I mean, what i'm using is not the kind of passwords inside. Just a normal input values but need to hide everything input from seeing from surrounding. So, don't want to be asked by browser to remember the values inside

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

别挽留 2024-12-22 05:31:33

您可以手动捕获键盘事件并将字符替换为“*”。如果您想稍后使用原始输入,您仍然需要将其保存在某个地方。

我在这里做了一个jsfiddle: http://jsfiddle.net/EPRp4/

实际上代码很短,所以我我会把它发布在这里:

$(document).ready(function(){
    var placeholder = "";

    $('input').keyup(function(){
        placeholder = $(this).val().replace(/./g,"*")
        $(this).val(placeholder);
    })    
})

You could manually catch the keyboard events and replace the characters by "*". You'll still have to save the original input somewhere if you want to use it later.

I made a jsfiddle here : http://jsfiddle.net/EPRp4/

Actually the code is pretty short so I'm gonna post it here :

$(document).ready(function(){
    var placeholder = "";

    $('input').keyup(function(){
        placeholder = $(this).val().replace(/./g,"*")
        $(this).val(placeholder);
    })    
})
过潦 2024-12-22 05:31:33

相信大家都错过了最初的一点请求:TEXTBOX作为输入类型密码。

4lvin,尽管您未能在社区留下的评论的答案中表达您的真实想法,但我相信您要么想要一些魔法,要么想要您在原始请求中提出的要求:输入类型密码的 TEXTBOX 功能。

您将必须拦截用户的每次击键,将其存储在“原始”字符串中,并在文本框中显示“相同大小”的加星号(或星号)字符串。

这并非不可能做到。看一下 onKeyPress() 并从那里开始。祝你好运!

顺便说一句,您可以重新发明轮子并对常规输入类型文本执行相同的操作。

编辑:好的,无论用户输入什么(或最后一个字符),您只想显示一个星星。按照指示继续 (onKeyPress()) 并从那里开始构建。

I believe everyone is missing the original point request: TEXTBOX as input type password.

4lvin, even though you haven't been able to express your real toughts in the answers to the comments left by the community, I believe you either want some magic or you want what you asked in the original request: TEXTBOX functionality of input type password.

You will have to intercept each and every keystroke by the user, store it on an "original" string and show a "same-size" stared (or asterisked) string on the textbox.

It is not impossible to do. Take a look at onKeyPress() and go from there. Good luck!

By the way, you could RE-INVENT the wheel and do the same for a regular input type text.

EDIT: okay, you just want to show A SINGLE STAR no matter what the user type (or a single -- last -- character). PROCEED as instructed (onKeyPress()) and build from there.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文