sigo con problemas con la validación de campos

[caricatos]

Iniciado por LadyArwen

hola caricatos. a ver, desgraciadamente (no te lo tomes a mal) no tengo ni los conocimientos (ya quisiera yo) ni la experiencia que tienes tú. poco a poco los voy adquiriendo. no creas que voy a un copia y pega sin tratar de estudiar el código que me facilitáis.

bien. dicho esto, ya he conseguido que el botón 'enviar' siga deshabilitado en estos tres casos:

1) si el campo email está vacío
2) si el campo password está vacío
3) si el campo password tiene menos de 5 caracteres.

lo que no consigo es que siga deshabilitado si no se mete un email (con arroba y demás) en el campo email.

lo que utilizo es esta función:

Código HTML:

///deshabilita botón enviar si campos vacíos
function deshabilita(form)
{
    if ((form.email.value != "") && (form.password.value != "") && (form.password.value.length>=5))
    { form.B1.disabled = false; }


    else 
	{ form.B1.disabled = true; }
}

qué tendría que meter en esa función para que si el campo email no tiene un formato válido no se active el campo enviar?

Prueba con:

Código:

function deshabilita(form)
{
valida = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(foem.email.value);

    if ((valida) && (form.password.value != "") && (form.password.value.length>=5))
    { form.B1.disabled = false; }
    else 
	{ form.B1.disabled = true; }
}

He retocado tu código... no estoy seguro de que debas usar "valida" o su negación (!valida)

Cuéntanos como te va...

Saludos