Как использовать mailto для отправки формы по электронной почте только тогда, когда пользователь нажимает «ОК» в окне подтверждения?

Я хочу отправить форму на адрес электронной почты через интеграцию mailto. Я использовал для этого следующий код:

<div class="bs-example">
<div class="col-md-4 col-md-offset-4">
<form action="mailto:[email protected]" 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, который гарантирует, что форма отправляется только при нажатии кнопки «ОК»?

заранее спасибо


javascript mailto bootbox
person Stiño    schedule 26.09.2014    source источник
comment
Вы можете удалить type=submit и просто запустить form.submit самостоятельно в обратном вызове клика   -  person user1835565    schedule 26.09.2014

Ответы (1)


arrow_upward
0
arrow_downward

Вы можете сделать это просто с помощью 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());
person Mr_Hmp    schedule 26.09.2014