Question

I’ve a text field.
I’m to type the email in it.. eg. [e-mail]

What I want is that, as soon as the user types the char “@”, the remaining part of the string gets masked so that it appears to the user viewing as username@**********

But in the backend, the real keys typed has to be captured somehow.

Is there a way to do that using javascript?

Answer 1

Try with 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));
     }
});