Validacion de formulario (wordpress+phpMailer))

[josecarbono]

Buenas tyardes,
actualmente tengo una web montada en wordpress y el formulario de contacto lo envío usando phpMailer.

Mi propblema es q según como esta no encuentro la manera de validar con javascript o jQuery que todos los campos sean obligatorios.

Antes que nada debo decir que no soy programador experimentado.

El codigo es este:

Código PHP:

  <?php
require("class.phpmailer.php");
 
if ($_POST['action'] == "send") {
$mail = new PHPMailer();
$mail->IsSMTP(); // send via SMTP
$mail->Host = "xxx.xxx.xxx.xx"; // SMTP servers
$mail->Port = 25; // SMTP servers
$mail->CharSet = "UTF-8";
$mail->SMTPAuth = true; // turn on SMTP authentication
$mail->Username = "[email protected]"; // SMTP username
$mail->Password = "password"; // SMTP password
$mail->From = "[email protected]";
$mail->FromName = "Contacto";
$mail->AddAddress("[email protected]", "Gabriela Pérez");
$mail->AddCC("[email protected]", "Pepito Pérez");
$mail->IsHTML(true); // send as HTML
 
 
$body  = "<strong>Mensaje enviado desde www.dominio.com</strong><br><br>";
$body .= "<em><strong>Nombre:</strong> ".$_POST['tu-nombre']."<br>";
$body .= "<strong>Apellido:</strong> ".$_POST['tu-apellido']."<br>";
$body .= "<strong>Empresa:</strong> ".$_POST['tu-empresa']."<br>";
$body .= "<strong>Estado:</strong> ".$_POST['tu-estado']."<br>";
$body .= "<strong>Teléfono:</strong> ".$_POST['tu-telefono']."<br>";
$body .= "<strong>Email:</strong> ".$_POST['tu-email']."<br>";
$body .= "<strong>Mensaje:</strong> ".$_POST['tu-mensaje']."<br></em>";
 
$mail->Body = $body;
$exito = $mail->Send(); // Envía el correo.
 
//Si el mensaje no ha podido ser enviado se realizaran 4 intentos mas como mucho 
  //para intentar enviar el mensaje, cada intento se hara 5 segundos despues 
  //del anterior, para ello se usa la funcion sleep    
  $intentos=1; 
  while ((!$exito) && ($intentos < 5)) {
    sleep(5);
         //echo $mail->ErrorInfo;
         $exito = $mail->Send();
         $intentos=$intentos+1;    
    
   }        
   if(!$exito)
   {
    echo "Problemas enviando correo electrónico a ".$valor;
    echo "<br/>".$mail->ErrorInfo;    
   }
   else
   {    
    
    header("Location: http://www.dominio.com/index.php/confirmacion/");
    
exit;
   } 
   
}
?>
<?php get_header(); ?>
 
 
    <div class="left-col">
 
                
        
            <div class="single-content contactoDiv">
 
           
                  
           <h2>Envíenos sus datos</h2>
<p>&nbsp;</p>
<p>Por favor llene el siguiente formulario con sus datos completos y con gusto lo atenderemos.<br />
Los campos marcados con (*) son de tipo obligatorio.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div  id=""><form action="<?=$PHP_SELF?>" method="post" class="">
 
<p class="form_field"><label>*Nombre:</label><span class=""><input type="text" name="tu-nombre" value="" class="" size="40" id="tu-nombre" /></span> </p>
<p class="form_field"><label>*Apellido:</label><span class=""><input type="text" name="tu-apellido" value="" class="" size="40" /></span> </p>
<p class="form_field">
  <label>*Empresa:</label><span class=""><input type="text" name="tu-empresa" value="" class="" size="40" /></span> </p>
<p class="form_field"><label>*Estado</label><select name="estado" >
  <option value="" selected>Selecciona</option>
    <option value="Amazonas">Amazonas</option>
    <option value="Anzoategui">Anzo&aacute;tegui</option>
    <option value="Apure">Apure</option>
    <option value="Aragua">Aragua</option>
    <option value="Barinas">Barinas</option>
    <option value="Bolivar">Bol&iacute;var</option>
    <option value="Carabobo">Carabobo</option>
    <option value="Cojedes">Cojedes</option>
    <option value="Delta Amacuro">Delta Amacuro</option>
    <option value="Depend. Federales">Depend. Federales</option>
    <option value="Distrito Capital">Distrito Capital</option>
    <option value="Falcon">Falc&oacute;n</option>
    <option value="Guarico">Gu&aacute;rico</option>
    <option value="Lara">Lara</option>
    <option value="Miranda">Miranda</option>
    <option value="Monagas">Monagas</option>
    <option value="Merida">M&eacute;rida</option>
    <option value="Nueva Esparta">Nueva Esparta</option>
    <option value="Otros Paises">Otros Paises</option>
    <option value="Portuguesa">Portuguesa</option>
    <option value="Sucre">Sucre</option>
    <option value="Trujillo">Trujillo</option>
    <option value="Tachira">T&aacute;chira</option>
    <option value="Vargas">Vargas</option>
    <option value="Yaracuy">Yaracuy</option>
    <option value="Zulia">Zulia</option>
</select></p>
<p class="form_field"><label>*Teléfono(s):</label><span class=""><input type="text" name="tu-telefono" value="" class="" size="40"  /></span> </p>
<p class="form_field"><label>*Email:</label><span class=""><input type="text" name="tu-email" value="" class="" size="40"  id="tu-email" /></span> </p>
<p class="form_field"><label>*Asunto:</label><span class=""><input type="text" name="tu-sujeto" value="" class="" size="40" /></span> </p>
<p class="form_field">
  <label>*Tu Mensaje:</label><span class=""><textarea name="tu-mensaje" class="" cols="40" rows="10" id="tu-mensaje"></textarea></span> </p>
<p class="form_field"><label></label><input type="submit" value="Enviar" class=""  /></p>
<p><input type="hidden" name="action" value="send" /></p>
</form></div>
            
            </div>
            
           
        
         
 
    </div>  <!-- FIN DEL LEFT-COL -->
 
    
 
  <?php get_sidebar();?>   
 
    <?php get_footer();?>   

La razón por la cual no uso el required de HTML5 es que no todas las personas q visitan esta wev y dejan comentarios usan navegadores actualizados.

Muchas gracias por la ayuda que me puedan prestar..

[repara2]

Consulta un foro Jqeruy o bien JS.