формирование текстового поля

Question

У меня есть текстовое поле. Я должен ввести в него электронное письмо .. например. username@domain.com

То, что я хочу, что, как только пользователь вводит полукокса «@», оставшаяся часть строки получает замаскированы так, что она, как представляется пользователю просмотр в качестве имени пользователя @* ***

Но на бэкэнде настоящие клавиши набираются, так или иначе.

Есть ли способ сделать это с помощью javascript ??

Answer 1

Попробуйте с JQuery

$("input").keyup(function(){ 
    var charIndex = $(this).val().indexOf("@"); 
    if(charIndex!=-1){ 
     charIndex++;  // to start with character after @ 
     $("#hidEmail").val($(this).val()); 
     var replaceStr = ""; 
     for(i=0;i< ($(this).val().length-charIndex) ; i++){ 
      replaceStr=replaceStr+"*"; 
     } 
     $(this).val($(this).val().replace($(this).val().substr(charIndex),replaceStr)); 
    } 
}); 

Answer 2

Я понятия не имею, почему вы хотите это сделать, но вы можете добавить функцию onKeyPress в текстовое поле, которое добавляет введенное письмо в скрытое поле, а затем обновляет текстовое поле с выделенной копией.

Answer 3

Вы можете использовать событие OnKeyDown для захвата ввода пользователем.

Использование скрытого поля, сохраняйте реальную ценность там. При нажатии нового символа добавьте его в значение из скрытого поля, а в текстовом поле отобразите скрытый текст.

Также вы должны быть осторожны со специальными символами (в частности, в обратном пространстве).