Форма отправлена ​​пустой

У меня есть форма

<form  id="con" >
    <div id="result"></div>
    <div class="row">
        <div class="col-md-7 wow fadeInUp animated">
            <div class="form-group">
                <input type="text" class="form-control" placeholder="Primer Nombre" id="name" name="firstname">
                <p class="help-block text-danger"></p>
            </div>
            <div class="form-group">
                <input type="email" class="form-control" placeholder="Your Email" id="email" name="email">
                <p class="help-block text-danger"></p>
             </div>
             <div class="form-group">
                 <input type="tel" class="form-control" placeholder="Your Phone" id="phone" name="lastname">
                 <p class="help-block text-danger"></p>
             </div>
             <div class="form-group">
                 <textarea class="form-control" name="body" placeholder="Your Message" id="message"></textarea>
                 <p class="help-block text-danger"></p>
             </div>
             <div id="success"></div>
             <button type="button" id="contact" class="btn btn-x3 wow bounceIn animated">Send Message</button>
         </div>

         <div class="clearfix"></div>
     </div>
 </form>

, а затем файл ajax

$("#con").click(function() {
    var url = "blog/admin/core/functions/contact.php";

    $.ajax({
        type: "POST",
        url: url,
        data: $("#contactForm").serialize(),  
        success: function(data){
                     swal('Excelente.','Enviado','success')
                 }     
    });
    return false;
});

, и получается, что только передача click input отправляет мне пустую форму

-2
задан 02.05.2017, 23:01
2 ответа

Замени:

data: $("#contactForm").serialize(),  

Из-за:

data: $("#con").serialize(),  
3
ответ дан 24.11.2019, 13:22

Решенная проблема

$(document).on('click', '.btn-x3', function(e){
            var url = "blog/admin/core/functions/contact.php";
            e.preventDefault();
             $.ajax({
                    type: "POST",
                    url: url,
                    data: $("#con").serialize(),  
                    success: function(data)
                    {
                     swal('Excelente.','Enviado','success')
                    }     
            });
             return false;
        });
0
ответ дан 24.11.2019, 13:22
  • 1
    ты должен принимать ответ fredyfx, который я вношу в решении проблемы, пометь ответ, как решенная в я одеваю серый, не отвечать на твой вопрос с solució n fredyfx. Привет :) – Otto 17.09.2016, 06:17
  • 2
    не интерпретируй это в зло, но это не было solució n ясно я сказал, что оно я не функционировало así это был другие элементы, которые они били козырем – Josbert Hernandez 17.09.2016, 16:58
  • 3
    Ok уже я понимаю привет :) – Otto 17.09.2016, 18:11
  • 4
    Для лучших ответов, больших деталей ;) – fredyfx 18.09.2016, 03:51
  • 5
    тот же комментарий, раньше описанный другими пользователями =) – jolsalazar 31.07.2018, 22:51