Форум

Manoftheyear · #1 (**permalink**) 06.04.2016, 17:56

Доброго времени суток.
Я, как типичный дилетант (пока), прошу помощи у местных, знатных профессионалов веб-разработки.

Есть вот такой скрипт:

$('.ajax').click(function (event) {
		event.preventDefault();
		$.ajax({
			url: "/index.php?action=test",
			method: 'POST',
			type: 'POST',
			data: $('.form-ajax').serialize(),
			success: function (data) {
				
			}
		})
	});

Сие "чудо", отправляет ПОСТ запрос без перезагрузки страницы. УРЛ указывает на пхп функцию, точнее на пхп-метод из объекта в моделях.
Надо, чтобы если поля не заполнены вывести во вью(ХТМЛ) сообщение "Заполните поля", если поля заполнены вывести, допустим "Всё ОК!".

Decode · #2 (**permalink**) 06.04.2016, 18:52

<!doctype html>
<html>
<head>
  <meta charset="utf-8" />
  <title></title>
</head>
<body>
  <form class="form-ajax" action="">
    <input type="text" name="a" />
    <input type="text" name="b" />
    <textarea name="c" cols="30" rows="10"></textarea>
    <input type="submit" value="Send" />
  </form>
  
  <p class="msg"></p>
  
  <script src="https://code.jquery.com/jquery-2.1.4.js"></script>
  
  <script>
    $('.form-ajax').submit(function(event) {
      event.preventDefault();

      var isValue;

      $(this).children().not('[type=submit]').each(function() {
        if ( $(this).val() == '' ) {
          $('.msg').text('Заполните все поля');
          isValue = false;
          return false;
        } else {
          $('.msg').text('Все ок');
          isValue = true;
        }
      });
      
      if (isValue) {
        $.ajax({
          url: "/index.php?action=test",
          method: 'POST',
          type: 'POST',
          data: $('.form-ajax').serialize(),
          success: function (data) {

          }
        });
      }
    });
  </script>
</body>
</html>

Manoftheyear · #3 (**permalink**) 07.04.2016, 14:57

Decode,
Благодарствую!

Форум

Справочник

Discord чат

Курсы javascript