form php + html + js

[jmm87]

hola buen dia. alguien puede decirme porque no se envia mi informacion!!

tampoco entra al javascript a validarla!!

les muestro el html, el js y el php

HTML

Código HTML:

<h1>1er Paso:</h1>                  
        <form id="form" name="form" method="POST" action="enviar.php">
                <input name="nombre"  id="nombre" type="text" placeholder="Nombre:"/><br>   
                <input name="apellido"  id="apellido" type="text" placeholder="Apellido:"/><br>                         
                <input name="telefono"  id="telefono" type="text" placeholder="Telefono:"/><br>                     
                <input name="email"  id="email" type="text" placeholder="Email:"/><br>
        </div>
                    
 
        <h1>2do Paso:</h1>
                <p><input type="checkbox" name="eventual" id="eventual" value="1" onchange="javascript:validarReserva()" /><strong>Eventual</strong></p>
                <p><input type="checkbox" name="medioAbono" id="medioAbono" value="1" onchange="javascript:validarReserva()" /><strong>Medio Abono</strong></p>
                <p><input type="checkbox" name="abonoFull" id="abonoFull" value="1" onchange="javascript:validarReserva()" /><strong>Abono Full</strong></p>
        </div>
 
        <h1>3er Paso:</h1>  
                <p><strong>Recorrido</strong></p>
                <select name="estacion"> 
                    <option>A</option> 
                    <option>B</option>  
                </select>   
                <br>
                <input type="submit" value="Enviar reserva" onClick="javascript:validarReserva()">  
        </form>
 

js

Código Javascript:

//Mostrar el contenido de la visualizacion del producto
function validarReserva() {
    eventual=document.getElementById("eventual");
    medioAbono=document.getElementById("medioAbono");
    abonoFull=document.getElementById("abonoFull");
    
    medioAbono.disabled = false;
    abonoFull.disabled= false;
    eventual.disabled=false;
 
    /*check*/
    if (eventual.checked) {
        medioAbono.disabled = true;
        abonoFull.disabled= true;   
    }
 
    if(medioAbono.checked){
        eventual.disabled = true;
        abonoFull.disabled = true;
    }
 
    if(abonoFull.checked){
        medioAbono.disabled =true;
        eventual.disabled=true;
    }
 
    /*Check*/
    nombre= document.getElementById("nombre");
    apellido=document.getElementById("apellido");
    telefono=document.getElementById("telefono");
    email=document.getElementById("email");
 
 
    if(nombre.value.length==0){
        aler("Por favor complete el casilleno de nombre");
        return false;
        nombre.focus();
 
        if(apellido.value.length==0){
        aler("Por favor complete el casilleno de apellido");
        return false;
        nombre.focus();
 
            if(isNaN(telefono)){
                aler("Los caracteres ingresados no son numeros");
                return false;
                    
                if(!(/\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)/.test(email)) ) {
                  return false;
                }
            }
        }
    }return true;
}
 

php

Código PHP:

<?php
 
$nombre = $_POST['nombre'];
$apellido = $_POST['apellido'];
$email = $_POST['email'];
$telefono = $_POST['email'];
$eventual = $_POST['eventual'];
$medioAbono = $_POST['medioAbono'];
$abonoFull = $_POST['abonoFull'];
 
$header = 'From: ' . $mail . " \r\n";
$header .= "X-Mailer: PHP/" . phpversion() . " \r\n";
$header .= "Mime-Version: 1.0 \r\n";
$header .= "Content-Type: text/plain";
 
$mensaje ="Nombre: ". $nombre." \r\n";
$mensaje .="Apellido: ". $apellido." \r\n";;
$mensaje .="Email ". $email." \r\n";;
$mensaje .="Telefono ". $telefono." \r\n";;
 
$para = "[email protected]";
$asunto = "Contacto desde el sitio web";
 
if(mail($para, $asunto, utf8_decode($mensaje), $header)){
    echo 'Mensaje enviado correctamente';   
}
 
?>