Cambiar textos por asteriscos JavaScript

Cambiar textos por asteriscos JavaScript

Cambiar textos por asteriscos JavaScript. Vamos a crear una función en JavaScript que reemplace cualquier texto a un asterisco en un campo de texto HTML, lo haremos utilizando expresiones regulares.

Cambiar textos por asteriscos JavaScript
Cambiar textos por asteriscos JavaScript

¿Como reemplazar textos de un input por asteriscos con JavaScript?

💣 Descarga sistemas PHP y Laravel COMPLETOS GRATIS
Recursos premium listos para usar en proyectos reales 💻
👥 +1000 desarrolladores · 🔥 Publicaciones diarias
🔥 Unirme al canal GRATIS ahora 👥 Grupo de Facebook
⏳ Enlaces disponibles por tiempo limitado
💻 Sistemas completos 🔌 Plugins PRO ⚡ Scripts listos 🔥 Recursos exclusivos

  • Usaremos una función personalizada de nombre cambiarAsteriscos().
  • Al digitar cualquier texto invocaremos a la función onkeyup() de JavaScript y este al valor del objeto le hará un reemplazo usando la función replace().
  • Se usará la expresión regular /./g el punto quiere decir que encuentre cualquier carácter digitado en el input.
  • Las barras diagonales quieren decir que lo reemplace todas las veces que lo encuentre, si no lo colocamos solo haría una sola vez.

Con esta integración lograremos reemplazar cualquier cadena de texto a asteriscos predeterminados. Por último esa información podemos almacenarlo en una base de datos o solo mostrarlo.

<script>

function cambiarAsteriscos( campo )
{
campo.value = campo.value.replace(/./g,"*");
}

</script>

<input type='text' name='nombre' onkeyup='cambiarAsteriscos( this )'>
[mframe] [/mframe]

¿De cuánta utilidad te ha parecido este contenido?

¡Haz clic en una estrella para puntuarlo!

Promedio de puntuación 5 / 5. Recuento de votos: 1

Hasta ahora, ¡no hay votos!. Sé el primero en puntuar este contenido.

Leave a comment

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