Portada » JavaScript » 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?

  • 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 )'>

¿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.

Deja un comentario

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

Scroll al inicio
Esta web utiliza cookies propias para su correcto funcionamiento. Contiene enlaces a sitios web de terceros con políticas de privacidad ajenas que podrás aceptar o no cuando accedas a ellos. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos.
Privacidad