Eliminar caracteres invalidos en tiempo real [Función]

polin2bclan · #1 (**permalink**) 26/03/2009, 03:14

Hola amigos, en esta ocación no es para solicitar ayuda, más bien es para brindar el conocimiento que adquiri de un ejemplo.

Vamos a crea una función para eliminar caracteres invalidos de los campos de un formulario, esto en tiempo real.

En la cabecera (entre la etiqueta head) o bien en un archivo externo .js agregaremos lo siguiente:

<head>

Código PHP:

  <script language="JavaScript"><!--
function validar(string) {
    for (var i=0, output='', validos="123456789"; i<string.length; i++)
       if (validos.indexOf(string.charAt(i)) != -1)
          output += string.charAt(i)
    return output;
} 
</script>

</head>

O bien en:

funciones.js

Código PHP:

  function validar(string) {
    for (var i=0, output='', validos="123456789"; i<string.length; i++)
       if (validos.indexOf(string.charAt(i)) != -1)
          output += string.charAt(i)
    return output;
}

-----------------
Ya teniendo la funcion nos tocara escribir en el evento onchange nuestra funcion de el modo siguiente:

Código PHP:

  <form>
<p><input type="text" name="Campo1" onChange="this.value=validar(this.value)" /></p>
<p><input type="text" name="Campo2" /></p>
</form>

esto hara que cuando usted escriba una letra en el campo (Campo1) automaticamente se eliminen las letras y queden solo los caracteres validos que en el caso de la funcion son solo numeros.

Por si quieren numeros y letras la funcion deberia ser asi:

Código PHP:

  function validar(string) {
    for (var i=0, output='', validos="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ123456789"; i<string.length; i++)
       if (validos.indexOf(string.charAt(i)) != -1)
          output += string.charAt(i)
    return output;
}

Espero les sirva como a mí.

Bendiciones

Adler · #2 (**permalink**) 26/03/2009, 05:12

Hola

Buen aporte, solo dos cosas

+ El evento debería de ser onkeyup
+ Este script deberías de haberlo publicado en la faq

De cualquier modo se agradece

internucleo · #3 (**permalink**) 27/06/2009, 02:09

y en el caso de la ñ

Adler · #4 (**permalink**) 27/06/2009, 04:27

Hola

Lo único que has de hacer es añadir "ñ" a la var validos

De cualquier usar expresiones regulares mucho mejor

Para el caso que te ocupa has de cambiar

patron =/[A-Za-z\s]/; // 4

por

patron =/[A-Za-z0-9ñÑ\s]/; // Número y letra incluida la ñ

Suerte