[SOLUCIONADO] Bloquear el caractér "espacio" en in input

[Hyemin]

Hola, necesito poder bloquear el "espacio" en un inoputtext, pense hacer una funcion que se ejecute en el "onkeypress" que se fije lo que el tipo escribe

SEria:

function controlEspacio(objeto)
{

var evento_key = window.event.keyCode;
if (evento_key == ? ) //No se como comparar con el espacio

alert('Error, no puede usar un espacio en este lugar')

[Alexis88]

El código de la tecla de espacio es el 32.

Saludos

[Hyemin]

Iniciado por Alexis88

El código de la tecla de espacio es el 32.

Saludos

En este momento hice lo siguiente

<script>
function controlEspacio()
{

var evento_key = window.event.keyCode;
if (evento_key == '32' ) //comparo tecla space

alert('Error, no puede usar un espacio en este lugar')

}
</script>

Luego le aplico el script al input

<input type="text" id="usuario1" name="usuario1" value="" onkeypress="controlEspacio(this)" />

Pero no funciona, alguna sugerencia?

[Alexis88]

¿Y por qué colocas el número entre comillas?

Así como lo has puesto, estás tratando al 32 como una cadena y no como el valor del código de la tecla. Quita esas comillas simples.

Saludos

[Hyemin]

Se las quite pero el codigo sigue sin funcionar, cuando presiono la tecla "space" no salta el alerta

[Alexis88]

En lugar de usar el evento keypress, usa keyup.

DEMO

Saludos

[Hyemin]

Gracias, acabo de ver el demo y estoy probandolo,

tengo

<script>

document.querySelector("#usuario1").addEventListen er("keyup", function(event){
if (event.keyCode == 32){
alert("Acabas de pulsar la barra espaciadora");
}
}, false);

</script>


y luego abajo en el body <input type="text" id="usuario1" name="usuario1" value="" />

Pero no me funciona, estoy copiando algo mal evidentemente

[Alexis88]

El código JavaScript debes de colocarlo justo antes de la etiqueta </body> y después de todos los elementos del documento para que así estos últimos se vean afectados.

Saludos

[GeekGirl]

Como dice Alexis, debes colocar el código luego de los elementos HTML. Sino estás tratando de afectar elementos no cargados todavía.

Una cosa más, hay un error de tipeo en tu código. Dice:

Código Javascript:

document.querySelector("#usuario1").addEventListen er("keyup", function(event){
 

Debería decir:

Código Javascript:

document.querySelector("#usuario1").addEventListener("keyup", function(event){
 

(Hay un espacio en addEventListener que no debe ir ahí).

Saludos

[Hyemin]

Iniciado por Alexis88

El código JavaScript debes de colocarlo justo antes de la etiqueta </body> y después de todos los elementos del documento para que así estos últimos se vean afectados.

Saludos

Gracias, eso lo arreglo todo, el espacio que tenia que GeekGirl muy atentamente me comento en realidad fue un error de copia/paste en el foro, en el original si lo tenia bien