Скрыть форму после заполнения обязательного поля?

Здравствуйте!
Помогите...
Необходимо скрыть форму после заполнения обязательного поля, и не скрывать если поле пустое.
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);
	}
  • Вопрос задан
  • 280 просмотров
Пригласить эксперта
Ответы на вопрос 1
rpsv
@rpsv
делай либо хорошо, либо никак
$("#user_tel").on("change", function(){
    if (this.value != "") {
        $(".form").hide()
    }
});


Только вам скорее всего не это надо, не так ли?
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы