(Javascript) Как я могу показать только 1 символ внутри текстового поля независимо от того, что я наберу? - PullRequest
2 голосов
/ 12 ноября 2011

Я просто хочу использовать простой HTML Textbox <input type="text" /> в качестве поля ввода пароля (<input type="password" />) do.
Отображение * или black circles для каждого отдельного символа, который я набираю внутри .

Поле «Пароль» предлагает пользователю запомнить значение. Я просто не хочу этого. Я имею в виду, что я использую не пароли внутри. Просто нормальные входные значения, но нужно скрыть все вводимые данные от окружающих . Таким образом, браузер не хочет, чтобы его запоминали значения внутри

Ответы [ 2 ]

1 голос
/ 12 ноября 2011

Вы можете вручную отлавливать события клавиатуры и заменять символы на «*». Вам все равно придется сохранить исходный ввод где-нибудь, если вы захотите использовать его позже.

Я сделал jsfiddle здесь: http://jsfiddle.net/EPRp4/

На самом деле код довольно короткий, поэтому я опубликую его здесь:

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

    $('input').keyup(function(){
        placeholder = $(this).val().replace(/./g,"*")
        $(this).val(placeholder);
    })    
})
0 голосов
/ 12 ноября 2011

Я полагаю, что всем не хватает первоначального точечного запроса: TEXTBOX в качестве пароля для ввода.

4lvin, даже если вы не смогли выразить свои настоящие трудности в ответах на комментарии, оставленные сообществом.Я полагаю, что вы либо хотите немного магии, либо хотите то, что вы просили в исходном запросе: функциональность TEXTBOX для пароля типа ввода.

Вам придется перехватывать каждое нажатие клавиши пользователем, сохранять его на "оригинальная строка и показывает помеченную (или звездочку) строку одинакового размера в текстовом поле.

Это невозможно сделать.Взгляните на onKeyPress () и идите оттуда.Удачи!

Кстати, вы можете заново изобрести колесо и сделать то же самое для обычного текста ввода.

РЕДАКТИРОВАТЬ: хорошо, вы просто хотите показать ОДИН ЗВЕЗДА нетнезависимо от типа пользователя (или одного последнего символа).ПРОДОЛЖАЙТЕ, как указано (onKeyPress ()), и выполните сборку оттуда.

...