Tengo que validar un formulario y cuando los campos que se rellenen sean erróneos cuando envíen el formulario tienen que ponerse los campos en rojo añadiendo una clase a mi js.
He puesto una alerta para comprobar que la validación es correcta pero no quiero que salte una alerta sino que el campo del formulario se llene en rojo con la clase .fondoRojo cuando el formulario sea erróneo.
¿Alguien me puede ayudar? ¿Cómo lo podría meter dentro de este código?
Estoy haciendo un curso y soy novata...
Mi codigo es el siguiente:
function validar() {
var nombre, partidas, expresion1;
nombre = document.getElementById("nombreJugador").value;
partidas = document.getElementById("numPartidas");
expresion1 = /[A-Za-z]{3,}/;
if (!expresion1.test(nombre)) {
alert("eeeeeeeeeeeeeeee");
return false;
}
if (partidas.value <= 0) {
alert("eeeeeeeeeehhheeee");
return false;
}
nombre.style.backgroundColor = '#ffe6e6'
o alternativa añadiendo una class CSSnombre.classList.add("fondoRojo")