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

Nestor Tapia

Bloggero, amante de la programación PHP, innovador y me fascina compartir información. Desde que conocí el entorno informatico y el internet me llamó la atención la programación, Por tal motivo he creado mi blog BAULPHP.COM para compartir mis experiencias con todos ustedes. ¡Gracias por leerme!.

Deja una respuesta

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

Botón volver arriba
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. Más información
Privacidad