Form Contac html y ajax

victoruriel · #1 (**permalink**) 04/04/2016, 10:54

Hola estimados,

Soy nuevo en programacion y estoy intentando hacer un formulario como este
http://www.pontamedia.com/#contacto

lo que mas me interesa es el mensaje de agradecimiento estoy haciendo uno parecido pero no me da resultados, si envia el mensaje todo ok pero no me vota el mensaje y estoy trabajando en html5.

espero que me puedan dar una mano

rodocoyote15 · #2 (**permalink**) 04/04/2016, 11:01

Y el código?

Como dicen por aquí, aun no se ha desarrollado la telepatía para leer tu código.

victoruriel · #3 (**permalink**) 04/04/2016, 11:05

Codigo en enviarform.

Código PHP:

  <?php 
    $nombre = $_POST['nombre']; 
    $email = $_POST['email']; 
    $tipo = $_POST['tipo']; 
    $consulta = $_POST['consulta']; 
    $mansaje = $_POST['mansaje']; 
     
    $mensaje = '<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    Estimado,<br><br> 
  <p>Le damos la bienvenida a un nuevo contacto:<br></p> 
    Nombra: <strong>'.$nombre.'</strong> Email: <strong>'.$email.'</strong> Cargo: <strong>'.$tipo.'</strong> Asunto: <strong>'.$consulta.' 
     </strong><br> 
Mensaje: <strong>'.$mansaje.'</strong> 
  <br> 
   Saludos,<br>'.$nombre.'<br></BODY></HTML>'; 
 
    $headers = "MIME-Version: 1.0\r\n"; 
    $headers .= "Content-type: text/html; charset=iso-8859-1\r\n"; 
    $headers .= "From: $nombre <$email>\r\n"; 
    $headers .= "Reply-To: $email\r\n"; 
     
    mail("mail@localhost", "Nuevo Contacto", $mensaje, $headers); 
 
?>

javascript

Código HTML:

$('.modal-contact form').on('submit',function(e) {

        var form = $(this);

        e.preventDefault();
        e.stopPropagation();

        if(!form.hasClass('loading')) {

            form.addClass('loading');
            form.find('input').removeClass('error');


            $.ajax({
                url: "enviarweb.php",
                data: form.serialize(),
                type: 'POST',
                dataType: 'JSON',
                success: function (response) {
                    form.removeClass('loading');
                    if (!response.result) {
                        $.each(response.error, function (id, input) {
                            form.find('[name="' + input + '"]').addClass('error');
                        });
                    } else {
                        form.css('opacity', 0);
                        form.parents().find('.success').fadeIn(300);
                        form.parents('.modal-contact').find('.cerrar span').html(response.close);
                    }
                }
            });
        }

    });

Codigo en html

Código HTML:

 <a class="cerrar"><img src="images/icons/close.png" /> <span>CANCELAR</span></a>
                <div class="title">Contáctanos</div>
                <div class="success" style="display:none;">
                    <div class="big">¡Gracias por ponerte en contacto con nosotros!</div>
                </div>
                <form method="POST">
                    <div>Nombre <input name="nombre" id="nombre" type="text" placeholder="" required="required" autocomplete="off" /></div>
                    <div>Email <input name="email" id="email" type="email" placeholder="" required="required" autocomplete="off" /></div>
                    <div>Cargo <select name="tipo" id="tipo" class="custom">
                            <option value="gerente">gerente</option>
                            <option value="socio">socio</option>
                            <option value="otro">otro</option>
                        </select> Deseo <select name="consulta" id="consulta" class="custom big">
                            <option value="implementar un sitio web">implementar un sitio web</option>
                            <option value="contratar DWeb para una capana">contratar para una campaña</option>
                            <option value="hacer una consulta">hacer una consulta</option>
                            <option value="hacer una sugerencia">hacer una sugerencia</option>
                            <option value="dejar un mensaje">dejar un mensaje</option>
                            <option value="contactar a un empleado">contactar a un empleado</option>
                        </select>
                    </div>
                    <div><input type="text" name="mansaje" id="mansaje" placeholder="Mensaje aqui" autocomplete="off" class="big" /> </div><br>
                       <a class="submit">Contáctanos <span class="arrow"></span></a>
                </form>
            </div>
        </div>