Evitar espacios en textbox

lrunge · #1 (**permalink**) 27/03/2008, 17:25

Hola a todos...

Mi pregunta supongo que es un poco sencilla, pero no tengo muchos conocimientos en javascript

Necesito un textbox en el cual no se puedan escribir espacios...

Por ejm. si un usuario quiere escribir "foros del web", se omitan automaticamente los espacios, asi si el usuario quiere escribirlo, los espacios se eliminen al pulsarlos y solo aparezca "forosdelweb"

Gracias al los que puedan ayudarme...

Saludos

codigojavascript · #2 (**permalink**) 27/03/2008, 19:39

Te paso un ejemplo sencillo para lo que necesitas:

Código:

<html>
<head>
</head>

<body>

<script language="javascript">

function aaa(campo, event) {

CadenaaReemplazar = " ";
CadenaReemplazo = "";
CadenaTexto = campo.value;
CadenaTextoNueva = CadenaTexto.split(CadenaaReemplazar).join(CadenaReemplazo);
campo.value = CadenaTextoNueva;

}

</script>

<input onkeyup="aaa(this, event)" type="text">

</body>
</html>

Espero que sirva
Saludos

JavierB · #3 (**permalink**) 28/03/2008, 10:04

Hola lrunge

Un poco más sencillo:

Código PHP:

  <html>
<head>
<script type="text/javascript">
function validar(e) {
  tecla = (document.all) ? e.keyCode : e.which;
  return tecla!=32;
}
</script>
</head>
<body>
<input onkeypress="return validar(event)" type="text">
</body>
</html>

Saludos,

codigojavascript · #4 (**permalink**) 28/03/2008, 17:04

El ejempo de JavierB funciona bien pero si se copia un texto con espacios y se pega en el cuadro de texto los espacios no se eliminan por lo que se podrá enviar el formulario (si ese e el caso) con espacios.

En cambio el otro ejemplo elimina todo espacio en la cadena de texto sin importar que método de escritura se utilice en el cuadro de texto

Saludos

JavierB · #5 (**permalink**) 29/03/2008, 04:11

Hola codigojavascript

Tienes razón. Esto sirve para recordar que no hay que fiarse demasiado de las validaciones en JavaScript, siempre (como decía el maestro Cluster) hay que volver a validar en el servidor.

Saludos,

derkenuke · #6 (**permalink**) 29/03/2008, 09:56

Bueno, igual lo dejamos así:

Código PHP:

  <input onkeyup="this.value=this.value.replace(/ /g,'');" type="text">

Aunque sí que es verdad que habría que volver a hacerlo en el servidor porque el javascript puede estar desactivado (o pueden mandarnos el form a nuestro servidor desde una página personalizada...)

Saludos.