Здравствуйте!
Помогите...
Необходимо скрыть форму после заполнения обязательного поля, и не скрывать если поле пустое.
HTML:
<form class="form">
<label>Ваше имя:</label><br/>
<input type="text" id="user_name" placeholder="Введите имя" value="" /><br/>
<label>Номер телефона*:</label><br/>
<input type="text" id="user_tel" placeholder="Введите номер телефона" value="" /><br/><br/>
<input type="button" class="btn btn-success" value="Заказать" id="btn_submit" />
</form>
<script>
$(document).ready(function(){
$('#btn_submit').click(function(){
// собираем данные с формы
var user_name = $('#user_name').val();
var user_tel = $('#user_tel').val();
// отправляем данные
$.ajax({
url: "action.php", // куда отправляем
type: "post", // метод передачи
dataType: "json", // тип передачи данных
data: { // что отправляем
"user_name": user_name,
"user_tel": user_tel
},
// после получения ответа сервера
success: function(data){
$('.messages').html(data.result); // выводим ответ сервера
}
});
});
});
</script>
action.php:
<?php
$msg_box = ""; // в этой переменной будем хранить сообщения формы
$errors = array(); // контейнер для ошибок
// проверяем корректность полей
if($_POST['user_tel'] == "") $errors[] = "Поле 'Номер телефона' не заполнено!";
// если форма без ошибок
if(empty($errors)){
// собираем данные из формы
$message = "Имя: " . $_POST['user_name'] . "<br/>";
$message .= "Телефон : " . $_POST['user_tel'] . "<br/>";
send_mail($message); // отправим письмо
// выведем сообщение об успехе
$msg_box = "<span style='color: green;'>Заявка успешно отправлена! </span>";
}else{
// если были ошибки, то выводим их
$msg_box = "";
foreach($errors as $one_error){
$msg_box .= "<span style='color: red;'>$one_error</span><br/>";
}
}
// делаем ответ на клиентскую часть в формате JSON
echo json_encode(array(
'result' => $msg_box
));
// функция отправки письма
function send_mail($message){
// почта, на которую придет письмо
$mail_to = "no-reply@test.com";
// тема письма
$subject = "Форма снизу";
// заголовок письма
$headers= "MIME-Version: 1.0\r\n";
$headers .= "Content-type: text/html; charset=utf-8\r\n"; // кодировка письма
$headers .= "From:Заказ <no-reply@test.com>\r\n"; // от кого письмо
// отправляем письмо
mail($mail_to, $subject, $message, $headers);
}