Проверка формы HTML при возвращенной ошибке

Question

Мне интересно, существует ли определенный способ проверки HTML-формы при возвращении ошибки. Например, у меня есть форма, где пользователь может ввести свою строку, которая затем используется для запроса данных, чтобы сделать с этой строкой. В идеале я хотел бы, чтобы форма была проверена, если пользователь вводит неверную строку, то есть с заглавными буквами или орфографическими ошибками. Но я думаю, что это может быть реализовано только после того, как система попытается получить данные, отвечающие на эту строку.

Надеюсь, переполнение стека - подходящее место для того, чтобы задать этот вопрос ... оглянувшись в надежде найти ответ на мой вопрос, я не могу найти подходящий способ подойти к этому.

Есть ли способ в HTML проверить форму в случае, если возвращается ошибка? Извиняюсь, если это очевидно, я совершенно новичок в концепции проверки форм.

Заранее спасибо.

Answer 1

https://developer.mozilla.org/en-US/docs/Learn/HTML/Forms/Form_validation

На самом деле вы ищете новую технологию AFAIK. Когда-то вам нужно было использовать язык сценариев, то есть JavaScript, чтобы сделать что-то подобное. Но оказывается, что вы действительно можете добавить регулярные выражения , диапазоны значений, диапазоны длин и многое другое прямо в ваш HTML для каждого ввода, и браузер сделает всю работу за вас.

Пример из источника MDN выше

<form>
  <label for="choose">Would you prefer a banana or a cherry?</label>
  <input id="choose" name="i_like" required pattern="banana|cherry" />

  <button>Submit</button>
</form>

Если ваш ввод обязателен , и он должен точно соответствовать банан или вишня . Браузер будет обрабатывать процесс информирования пользователя о том, что его ввод не работает, и не позволяет отправлять его на сервер.

Вот живой пример, который я сделал из приведенного выше блока кода: https://codepen.io/anon/pen/zjdrbV

Иногда, однако, вам может потребоваться проверить ввод, который требует больше, чем может обеспечить проверка HTML.

В этом случае вам просто нужно написать немного JavaScript. Вот хороший пример этого: https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5/Constraint_validation в разделе Limiting the size of a file before its upload. Существует множество ресурсов для такого рода вещей, и, скорее всего, вы сможете найти много помощи практически для любого ввода, который вам нужно проверить.