Перезагрузите страницу после успешной работы mailform contact.php .. 🙁
и я использовал validate.js ..
validate.js. это проблема?
Извините, но я покажу вам код. плз
HTML
<form id="contactform" action="contact.php" method="post" class="validateform" name="send-contact">
<div id="sendmessage">
thanks
</div>
<div class="controls">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<input type="text" name="subject" data-rule="subject" data-msg="" placeholder="hi~"/>
<div class="help-block with-errors"></div>
</div>
</div>
</div>
<div class="col-md-12">
<input type="submit" class="btn btn-success btn-send" value="Send message" >
</div>
</div>
</div>
</form>
contact.php
<?php
$headers = array('Content-Type: text/plain; charset="UTF-8";',
"From: ". $_POST['name'] . "<". $_REQUEST['email'].">",
);
mail($sendTo, $subject, $emailText, implode("\n", $headers));
$responseArray = array('type' => 'success', 'message' => $okMessage);
catch (\Exception $e) {
$responseArray = array('type' => 'danger', 'message' => $errorMessage);
}
if (!empty($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest') {
$encoded = json_encode($responseArray);
header('Content-Type: application/json');
echo $encoded;
}
else {
echo $responseArray['message'];
}
и, наконец, код
$(function () {
$('#contact-form').validator();
$('#contact-form').on('submit', function (e) {
if (!e.isDefaultPrevented()) {
var url = "contact.php";
$.ajax({
type: "POST",
url: url,
data: $(this).serialize(),
success: function (data)
{
var messageAlert = 'alert-' + data.type;
var messageText = data.message;
var alertBox = '<div class="alert ' + messageAlert + ' alert-dismissable"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>' + messageText + '</div>';
if (messageAlert && messageText) {
$('#contact-form').find('.messages').html(alertBox);
$('#contact-form')[0].reset();
}
}
});
return false;
}
})
});
В чем проблема?
Перезагрузите страницу после успешной работы mailform contact.php .. 🙁
и я использовал validate.js ..
validate.js. это проблема?
Извините, но я покажу вам код. плз
Чтобы перезагрузить страницу после вызова ajax, вы можете использовать это, поместив ее в свой вызов ajax:
location.reload();
С вашим кодом:
$.ajax({
type: "POST",
url: url,
data: $(this).serialize(),
success: function (data)
{
var messageAlert = 'alert-' + data.type;
var messageText = data.message;
var alertBox = '<div class="alert ' + messageAlert + ' alert-dismissable"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>' + messageText + '</div>';
if (messageAlert && messageText) {
$('#contact-form').find('.messages').html(alertBox);
$('#contact-form')[0].reset();
}
location.reload();
}
});
location.reload();
Используйте этот код