Alertas "inteligentes" en JavaScript.

[sette15]

Hola, le paso a comentar, estoy haciendo una pagina la cual tiene un formulario con varios campos, los cuales todos tienen que estar completos para que pueda ser enviado dicho formulario, de lo contrario sale una alerta, hecha en JavaScript. La pregunta es: ¿hay alguna manera de hacer más simple y corto el código de JavaScript?, es decir, actualmente estoy utilizando bloques IF, pero se hace muy largo, encima por cada campo sin completar salta un cartel de advertencia, es algo molesto. Lo que busco es algo que si por ejemplo faltan completar dos campos que salga un sólo cartel de advertencia que adentro diga "falta completar campo 1 y 2" por ejemplo, es decir que se agrupen los textos en una sola advertencia no se si entiende. Este es mi código "pobre" actual:

Código:

if (document.form1.campo1.value == "0"){
alert('Alerta del campo 1.');
}
if (document.form1.campo2.value == ""){
alert('Alerta del campo 2.');
}
if (document.form1.campo3.value == "http://" || document.form1.campo3.value == ""){
alert("Alerta del campo 3.");
}
if (document.form1.campo4.value == ""){
alert("Alerta del campo 4.");
}
if(document.form1.campo5.value == ""){
alert('Alerta del campo 5.');
}
if(document.form1.campo6.value < 100){
alert('Alerta del campo 6.');
}
if (document.form1.campo7.value == "0"){
alert('Alerta del campo 7.');
}

Desde ya muchas gracias.

[jagz]

Hola

Esto lo puedes solucionar creando solo una funcion donde reciba un parametro el cual va a ser el que ejecute el alert, asi solo tienes una funcion y lo unico que haces es llamar esta desde cualquier parte y le pasas como parametro lo que debe de mostrar en caso de que no cumpla tu condicion.

Código Javascript:

function alertaMensaje(message){
   alert(message)
}
 

Saludos.

[zerokilled]

@jagz,
tu solucion no tiene sentido porque la funcion solo contiene el alerta. o sea, estas reemplazando una funcion nativa por una funcion propia que al final es lo mismo en dos sentidos: tanto en la operacion como en la cantidad de veces que hay que invocar la funcion. la idea es reducir el numero de veces que se escribe la funcion para mostrar el alert. con tu solucion, de igual manera se tiene que invocar multiples veces la funcion alertaMensaje.

[jagz]

Si es correcto pero es una forma de reducir logica dentro del sistema y te ayuda a limpiar el codigo, creo que es mucho mejor que un conjunto de if () else if ....ahora si se puede un conjunto de alerts inteligentes donde en solo uno se agrupe lo que se necesita seria fantastico.
Saludos.

[sette15]

Entonces ustedes dicen que sería complicado hacer eso?

[David]

Para que no muestre todos los mensajes, basta con hacer un return después de cada alert()

[sette15]

Iniciado por David

Para que no muestre todos los mensajes, basta con hacer un return después de cada alert()

Si si, es verdad pero quería ver si se podía de alguna manera hacer lo que mencione anteriormente, osea agrupar los mensajes de alerta.

[osvier]

envez de hacer un alert en cada if... ve formando una cadena...

Código Javascript:

var msg = "";
if (document.form1.campo1.value == "0"){
msg = msg + "campo1, ";}
if (document.form1.campo2.value == ""){
msg = msg+"campo2, ";}
...
 

y al final de los ifs mandas el alert

Código Javascript:

alert("completar los siguientes campos: " + msg);
 

[sette15]

Iniciado por osvier

envez de hacer un alert en cada if... ve formando una cadena...

Código Javascript:

var msg = "";
if (document.form1.campo1.value == "0"){
msg = msg + "campo1, ";}
if (document.form1.campo2.value == ""){
msg = msg+"campo2, ";}
...
 

y al final de los ifs mandas el alert

Código Javascript:

alert("completar los siguientes campos: " + msg);
 

Esto es lo que estaba necesitando, muchísimas gracias!.

Una pregunta aparte de esto pero que tiene que ver con javascript:

En el mismo formulario cuando aprieto en botón de enviar tengo escrita una cadena para que el botón se bloquee hasta que se termine de enviar el formulario, y también una imagen oculta (un circulito de carga) que se muestra cuando uno hace clic sobre el botón. Esto funciona correctamente cuando uno hace clic sobre el botón, pero al presionar la tecla ENTER, también para enviar el formulario esto no sucede.
Hay alguna manera de hacer que al presionar la tecla ENTER también se ejecute el código javascrip, es decir que el botón se bloquee y que se muestre la imagen?

Gracias nuevamente.

[AlvaroG]

Seguramente estás usando el evento onclick del botón en vez de el onsubmit del formulario, que es la forma correcta.


Saludos.

[sette15]

Iniciado por AlvaroG

Seguramente estás usando el evento onclick del botón en vez de el onsubmit del formulario, que es la forma correcta.


Saludos.

Si era eso... Muchas gracias!