javascript - 将表单发送到电子邮件(AJAX、Bootstrap、Jquery)

Question

我正在尝试将表格发送到电子邮件，其中包含以下内容。它是 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>');

  }
})

没有发送？

Answer 1

只需添加

`event.preventDefault();`

解决了我的问题。