Oculte la identificación del correo electrónico en un formulario usando HTML y JavaScript

Aquí se formará la siguiente tarea con código HTML:
1. Campo de entrada: Vamos a ingresar la identificación del correo electrónico en este campo.
2. Botón: al hacer clic en este botón, se mostrará una identificación de correo electrónico oculta.
3. Campo de salida: campo para mostrar la identificación de correo electrónico oculta.

Ejemplos:

Input :robin_singh@gmail.com 
Output :robin*****@gmail.com

Input :geeksforgeeks@gmail.com
Output :geeks*****@gmail.com

Código HTML :

<!DOCTYPE html>
    <html>
      <head>
         <title></title>
         <script type="text/javascript">
            function test_str(){
               var str = document.getElementById("t1").value ;
               var idx = str.indexOf('@');
               var res = str.replace(str.slice(5, idx), "*".repeat(5));
               document.getElementById("t2").value = res;
             }
         </script>
       </head>
       <body>
         <p>
             Email: <input type="text" placeholder="abc" id="t1"/><br/>
             <input type="button" value="Protect" onclick="test_str()"/><br/>
             Output: <input type="text" id="t2" readonly/>
         </p>
      </body>
  </html>

Producción:

Publicación traducida automáticamente

Artículo escrito por AnmolAgarwal y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *