campos vacios a codigo existente

[gus_anomaly]

Estimados,

tengo este codigo incorporado a un formulario de contactos, muy simple, pero deberia agregarle un validador, solamente que no salga vacio:

Código Javascript:

<script>
        function enviarMensaje(nombre, email, telefono, mensaje){
                var parametros = {
                        "nombre" : nombre,
                        "email" : email,
                        "telefono" : telefono,
                        "mensaje" : mensaje
                };
                
                $.ajax({
                        data:  parametros,
                        url:   'envioMensaje.php',
                        type:  'post',
                        beforeSend: function () {
                            $("#divFormulario").css("display","none");
                            $("#status").css("display","block");
                        },
                        success:  function (response) {
                            $("#status").css("display","none");
                            $("#resultado").html(response);
                        }
                });
        }
    </script>
 

Cualquier ayuda u orientación estaré muy agradecido!
Gustav.

[djaevi]

puedes verificar que el campo no este vacio con un if preguntando si la cadena es = a "" o si su tamaño . length es = 0 x ej:

if (nombre.length == 0) // el tamaño de la cadena es 0 por ende esta vacia
if (nombre.value == "") // el valor de la cadena es "" por ende esta vacia

podrias crear un array con los parametros que recibes para validarlos mas facilmente en un bucle si es que te resulta comodo x ej:

Código Javascript:

var validar = [nombre,email,telefono,mensaje];
var error = "";
 
for (var i=0, x=validar.length; i<x; i++) {
    if (validar[i] == "") {
        error += "Uno o mas campos no estan completos";
        break;
    }
}
 
if (error == "") {
    var parametros = {
        "nombre" : nombre,
        "email" : email,
        "telefono" : telefono,
        "mensaje" : mensaje
    };
                   
    $.ajax({
        data:  parametros,
        url:   'envioMensaje.php',
        type:  'post',
        beforeSend: function () {
            $("#divFormulario").css("display","none");
            $("#status").css("display","block");
        },
        success:  function (response) {
            $("#status").css("display","none");
            $("#resultado").html(response);
        }
    });
}else{
    alert(error);   
}
 

Salu2.

[gus_anomaly]

Ok, muchisimas gracias!