Nota: La solución basada en expresiones regulares también es válida, pero las expresiones regulares están pensadas para casos mas complejos. En tu caso que es mucho mas sencillo y específico
indexOf()
hace lo mismo con un mejor rendimiento.
No necesitas reiventar la rueda, si deseas verificar si un caracter existe o no dentro de una cadena utiliza la función .indexOf()
.
Si el resultado es -1 indica que la cadena pasada como parámetro (en tu caso " ") no ha sido encontrado en la cadena original. De lo contrario devuelve la posición donde se encontró la primera ocurrencia.
Ejemplo
function verificar() {
console.clear();
let cadena = document.getElementById("cadena").value;
if (cadena.indexOf(" ") === -1) {
console.log(`\"${cadena}\" no contiene espacios`);
} else {
console.log(`\"${cadena}\" contiene al menos un espacio`);
}
}
Ingresa un valor: <input id="cadena" type="text"> <button onClick="verificar()">Verificar</button>
En tu caso el código puede quedar así
function validarNombre() {
if (document.getElementById("nombre").value.indexOf(" ") !== -1) {
alert("La contraseña no puede contener espacios en blanco");
return false;
}
}