如果用户在确认框中点击确定,如何使用mailto将表单发送到电子邮件?

时间:2014-09-26 12:02:03

标签: javascript mailto bootbox

我想通过mailto集成将表单发送到电子邮件地址。我使用了以下代码:

<div class="bs-example">
<div class="col-md-4 col-md-offset-4">
<form action="mailto:myforms@mydomain.com" enctype="text/plain" onsubmit="location.href='thanks.html';" >
    <div class="form-group">
        <input type="username" class="form-control" id="inputEmail" placeholder="Username">
    </div>
    <div class="form-group">
        <input type="email" class="form-control" id="inputEmail" placeholder="Email">
    </div>
        <button class='btn btn-signup btn-signup-sm' type="submit" name="remove_levels" value="delete">Sign up</button>
</form>
</div>
</div>

但我只想在用户点击单击“注册”按钮时出现的确认框中的“确定”时提交表单。当他点击确定时,他必须被引导到感谢页面(onsubmit =“location.href ='thanks.html')。请参阅下面的代码

<script type="text/javascript">
$(document).ready(function(){
$('.btn').on('click', function(e){
    e.preventDefault();  
    bootbox.confirm("Message here", function(result) {
        ("Confirm result: "+result);
}); 
});
});
</script>

目前代码无法运行,我不知道如何解决这个问题。我是否需要在JS代码中包含一些if语句,以确保只在单击“确定”时才发送表单?

提前致谢

1 个答案:

答案 0 :(得分:0)

你可以通过jquery来完成这个:

var data = {
name: $("#form_name").val(),
email: $("#form_email").val(),
message: $("#msg_text").val()
};

var sendMail=function(){
      $.ajax({
             type: "POST",
             url: "email.php",
             data: data,
             success: function(){
             //now redirect to thanks.html page
             location.href="thanks.html";
             }
      });

 //call this on btn onclick
 $(".btn").click(sendMail());