2015-08-15 70 views
1

我试图发送一个表单到电子邮件与我有下面。它是Bootstrap Validator的改版版本,达到1000hz。发送表单到电子邮件(AJAX,Bootstrap,Jquery)

$('#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>'); 

    } 
}) 

它不能发送?只要

+0

控制台中是否有错误? –

+0

你也可以添加HTML代码片段吗? – Andrea

+1

其实我认为我已经用'event.preventDefault()修复了它;'脚本在电子邮件发送前重新加载 –

回答

1

通过增加

`event.preventDefault();` 

固定我的问题。