$( document ).on('submit', 'form', function() {})window.onload = function(){
$(document).ready(function() {
$( document ).on('submit', 'form', function(event) {
event.preventDefault();
if (document.form.name.value == '' || document.form.phone.value == '' ) {
// код для окраски рамок для пустых полей
valid = false;
return valid;
}
$.ajax({
type: "POST",
url: "form.php",
data: $(this).serialize()
}).done(function() {
alert('Спасибо');
});
return false;
});
});
};$to = 'a.kovalkovsky@gmail.com';
$tema = 'Новое сообщение';
$name = strip_tags(trim($_POST['name']));
$email = strip_tags(trim($_POST['email']));
$skype = strip_tags(trim($_POST['skype']));
$sms = strip_tags(trim($_POST['sms']));
$message = "Имя пользователя: ".$name."\r\n";
$message .= "Почта: ".$email."\r\n";
$message .= "Skype: ".$skype."\r\n";
$message .= "Сообщение: ".$sms."\r\n";
$error = false;
$err = array('email' => '', 'name' => '', 'sms' => '');
if (empty($email) || !filter_var($email, FILTER_VALIDATE_EMAIL)){
$err['email'] = 'Вы ввели не корректный email';
$error = true;
}
if (empty($name)){
$err['name'] = 'Вы не ввели имя';
$error = true;
}
// if(!$error){
$tema = "=?utf-8?B?".base64_encode($subject)."?=";
$headers = "From: $from\r\nReply-to: $from\r\nContent-type:text/plain; charset=utf-8\r\n";
mail($to, $tema, $message, $headers);
// if(mail($to, $subject, $sms, $headers)){
// header('Location: /otzivi.php');
// }
Вот код модального окна. Закрытие подвешено только на overlay
/* Модальное окно */
function Popup(options){
this.modal = document.querySelector(options.modal);
this.overlay = document.querySelector(options.overlay);
var popup = this;
this.open = function(content){
popup.modal.innerHTML = content;
popup.overlay.classList.add('open');
popup.modal.classList.add('open');
popup.modal.querySelector('.popupcontact')
.style.display = "block"
}
this.close = function(){
popup.overlay.classList.remove('open');
popup.modal.classList.remove('open');
}
this.overlay.onclick = popup.close;
}
window.onload = function(){
var p = new Popup({
modal: '.modal',
overlay: '.overlay'
});
document.querySelector('.for').onclick = function(){
var form = document.querySelector('.popupcontact');
p.open(form.outerHTML);
};
}if(isset($_POST['submit'])){
$to = 'a.sansan@gmail.com';
$tema = 'Новое сообщение';
$name = strip_tags(trim($_POST['name']));
$email = strip_tags(trim($_POST['e-mail']));
$skype = strip_tags(trim($_POST['skype']));
$sms = strip_tags(trim($_POST['sms']));
$message = "Имя пользователя: ".$name."\r\n";
$message .= "Почта: ".$email."\r\n";
$message .= "Skype: ".$skype."\r\n";
$message .= "Сообщение: ".$sms."\r\n";
$error = false;
$err = array('email' => '', 'name' => '', 'sms' => '');
if (empty($email) || !filter_var($email, FILTER_VALIDATE_EMAIL)){
$err['email'] = 'Вы ввели не корректный email';
$error = true;
}
if (empty($name)){
$err['name'] = 'Вы не ввели имя';
$error = true;
}
if(!$error){
$subject = "=?utf-8?B?".base64_encode($subject)."?=";
$headers = "From: $from\r\nReply-to: $from\r\nContent-type:text/plain; charset=utf-8\r\n";
mail($to, $tema, $message, $headers);
}
header('Location: /index.php');
exit;
}<div class="contact">
<div class="wrapper">
<div class="contact-title" id="about">Оставьте заявку сейчас и получите бесплатную консультацию!</div>
<form action="" method="post" class="form">
<input type="text" placeholder="Ваше имя" name="name" value="<?=$_POST['name']?>" />
<p class="err n" style="color:red"><?=$err['name']?></p>
<input type="e-mail" placeholder="Ваша почта" name="e-mail" value="<?=$_POST['email']?>" />
<p class="err e" style="color:red"><?=$err['email']?></p>
<input type="text" placeholder="Ваш Skype" name="skype" value="<?=$_POST['skype']?>" />
<textarea name="sms" id="" cols="30" rows="10" placeholder="Ваше сообщение" value="<?=$_POST['sms']?>"></textarea>
<div>
<input type="submit" name="submit" value="Оставьте заявку" />
</div>
</form>
</div>
</div>
Что касается пункта A, то мне хотелось бы установить серверную проверку при помощи php. Она даже есть, но почему то, она перестала работать...