Пользовательский ввод маски со звездочками

Question

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

function mask(str) { 
    if(str.value!=null || str.value!="") { 
     num = str.value.length; 
     var masked = ""; 
     for(i=0; i<num; i++) { 
      masked = masked + "*"; 
     } 
    document.getElementById(str.id).value = masked; 
    } 
} 

Answer 1

<input type="password" /> будет делать это автоматически, нет необходимости изобретать колесо

---

Учитывая ваше мнение, что о средней дороге? Держите поле ввода видимым до тех пор, пока текст не будет введен, затем скройте поле ввода, когда он потеряет фокус, и покажет элемент пользовательского интерфейса, чтобы пользователь мог при необходимости вернуть окно.

---

Here's a quick proof-of-concept