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.
¿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ónreplace()
. - 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 )'>