1

Столкнулся с проблемой, что данные из формы отправляются даже в том случае, когда все поля пустые. Файл 'queries.php' служит для отправки данных 2-ух полей на другую страницу(для sql запроса). Грубо говоря мне нужно написать условие, что если поля пустые, то он ничего не делает, а если заполнены, то отправляет на страницу queries.php

введите сюда описание изображения

<form class="form" action="queries.php" method="post">
<input placeholder="Откуда: Например, Москва" required="" type="text" name="where_by">
<input placeholder="Куда: Например, Санкт-Петербург" required="" type="text" name="where_to">
<input type="text" required="" id="date" name="date" placeholder="Введите дату отправления">
<input type="submit" value="Найти" onclick="location.href='https://sokolikovyan.ru/site/src/queries.php'">
</form>           

Вот код этой формы. Если я не ошибаюсь, то решение моей проблемы лежит через использование ajax, но я так и не смог разобраться с этим.

0

1 ответ 1

1

Пример на jQuery

$('#send').click(function() {
  if ($('#whence').val().length < 1 || $('#where').val().length < 1 || $('#date').val().length < 1) {
    alert('Заполните все поля');
  } else {
    $('#form').submit();
  }
});
.form {
  background: #FF3333;
  padding: 5px;
  width: 420px;
}

input {
  margin-bottom: 5px;
  width: 400px;
  height: 20px;
  padding: 5px;
  border-radius: 5px;
}

button {
  width: 415px;
  padding: 5px;
  border-radius: 5px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<div class="form">
  <form id="form" action="https://sokolikovyan.ru/site/src/queries.php" class="form" method="post">
    <input id="whence" placeholder="Откуда: Например, Москва" required type="text" name="where_by">
    <br>
    <input id="where" placeholder="Куда: Например, Санкт-Петербург" required type="text" name="where_to">
    <br>
    <input type="text" required id="date" name="date" placeholder="Введите дату отправления">
    <br>
    <button id="send">Найти</button>
  </form>
</div>

3
  • Скажи, а там и должно быть 2 атрибута "action"? Commented 9 февр. 2018 в 18:47
  • Нет не должно, исправил. Вместо "1" минимальное количество символов Commented 9 февр. 2018 в 18:52
  • Большое спасибо за помощь, разобрался)) Commented 9 февр. 2018 в 21:10

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.