发送一个表单到电子邮件(AJAX, Bootstrap, Jquery)

Sending a form to email (AJAX, Bootstrap, Jquery)

本文关键字：电子邮件 AJAX Bootstrap Jquery 一个 表单      更新时间：2023-09-26

我正试图发送一个表单到电子邮件与我下面有什么。它是Bootstrap Validator的一个1000hz的修改版本。

$('#form').validator().on('submit', function (e) {
  if (e.isDefaultPrevented()) {
    alert("not working");
  } else {
    alert("Hello! I am working");
  }
})


$('#form').validator().on('submit', function (e) {
  if (e.isDefaultPrevented()) {
    alert("not working");
  } else {
       var Name = $("input#Name").val();
       var Service = $("input#Service").val();
       var Email = $("input#Email").val();
       var Message = $("textarea#Message").val();
       //ajax magic
   $.ajax({
              url: "squote-send.php", // email sender file
              type: "POST",
              data: {Name: Name, Service: Service, Email: Email, Message: Message},
              cache: false,
              success: function() {
                                  $('#success').html("<div class='alert alert-success alert-dismissible' role='alert'>");
                 $('#success > .alert-success').html("<button type='button' class='close' data-dismiss='alert'><span aria-hidden='true'>&times;</span><span class='sr-only'>Close</span>")
                .append( "</button>");
                $('#success > .alert-success')
                .append("<strong>Your message has been sent. </strong>");
      $('#success > .alert-success')
      .append('</div>');
  }
})

不发送?

只需添加

`event.preventDefault();`

修复了我的问题。

相关文章：