Нужно посоветовать.Как проверять формы с помощью AJAX и не создавать избыточную нагрузку на сервер?

Question

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

Итак, что я делаю: Здесь все идет хорошо, как я полагаю...

1. Я получаю значения из полей (электронная почта (ввод текста), имя пользователя (ввод текста), пол (радио btns), дата рождения (выберите списки)), password & repeat_password (ввод пароля).
2. Затем я обрабатываю и проверяю эти значения. Например: я проверяю, не является ли электронная почта не пустой, соответствует ли она шаблону, правильна ли дата рождения и соответствует ли она действительности, соответствует ли парольнеобходимые ограничения. Другими словами, здесь я проверяю все параметры без AJAX, просто используя пользовательский JS .

3. После проверки я получаю ответы из каждого поля с сообщениями о результатах проверки исам результат (логический).

   ЗДЕСЬ ПРОБЛЕМА Итак, поскольку у меня есть результаты проверки, теперь мне нужно проверить , если EMAIL UNIQUE и если USERNAME, если UNIQUE. Этот ofcs должен быть выполнен с AJAX, но IMPORTANT: Я не должен выполнять запрос к серверу, чтобы проверить электронную почту, если раньше были проблемы с электронной почтой.Если все в порядке, я отправлю это.То же самое с полем имени пользователя. И, наконец, проверка ограничена событием onsubmit, поэтому я хочу проверить электронную почту, имя пользователя без AJAX, затем проверить их на УНИКАЛЬНОСТЬ, если с ними ранее не было ошибок, а затем, если все поля правильно проверяются, только прив этом случае я отправляю форму, в другом случае я хотел бы использовать event.preventDefault () .

Итак, AJAX работает асинхронноЯ не могу использовать event.preventDefault внутри него, так что это первая проблема.Также я не могу вернуть что-либо из обратного вызова ajax, чтобы система могла выяснить, были ли какие-либо проблемы с проверкой или нет.

Я не прошу решения, я не сумасшедший, я понимаю, что естьмного о чем подумать, НО Я хочу, чтобы некоторые зрелые помощники помогли мне советом, как правильно проверять формы с помощью AJAX? Как разделить код на блоки при проверке и сделать его многоразовым, используя асинхронный AJAX??Пожалуйста, я борюсь много.Я уже написал много кода для проверки полей без ajax, и я не понимаю, как связать их с ajax, отправьте форму, если все в порядке.

Можете ли вы поделиться своим опытом в проверочных формах, какты обычно делаешь это?Как вы узнали, как проверять формы? И КАКИЕ ЛУЧШИЕ ПРАКТИКИ ПРОВЕРКИ ФОРМ С AJAX?

Answer 1

Когда она достигает подтверждения формы, вам следует иметь в виду несколько вещей:
1. Важность передаваемой информации;
2. Насколько она должна быть надежной;
3. Сколькозапросы, которые вы будете иметь;
4. Сколько информации будет содержать ваша форма;

По моему честному мнению, я бы использовал Javascript / Ajax для быстрых и более точных путей в вашей форме.Например:
1. Проверка полей даты в правильном формате;
2. Проверка возраста соответствует вашим запросам;
3. Проверка пола была выбрана (кстати, это gender, который вы ищете,не sex);
и т. д. *

Все, что должно быть правильно и безопасно на вашем веб-сайте (особенно пароли и электронные письма и т. д.), если вы хотите проверить это, вы должны сделать это наваш сервер.Всегда!

Теперь, если ваша форма слишком длинная, вы можете сделать пошаговую регистрацию, а не все в одном.Вы можете сохранить прогресс, сохраненный в сеансе (на стороне сервера), и, возможно, использовать cookie-файл, чтобы сообщить вашему сайту, что они начали регистрацию раньше (для этого вы можете использовать javascript);

ПРИМЕЧАНИЕ: Вы должны проинформировать своего пользователя о том, что вы используете куки, так как это обязательно из-за GDPR:)

Обе проверки помогают сделать путешествие пользователя более плавным.Есть вещи, которые вы должны запретить использовать в качестве проверки Js для быстрого ответа и проверки того, что пользователь знает о некоторых ошибках, прежде чем отправлять форму.Проверка сервера безопаснее для разумных данных, которые вам необходимо убедиться, что они верны как пользователь, как нельзя сказать в этом.

Но это действительно зависит от того, чего вы пытаетесь достичь, и того, сколько ресурсов у вас есть..

Комбинезон для проверки формы Ajax

Проверка формы

Надеюсь, это помогло кое-что прояснить!:)

Answer 2

используйте это

https://reactiveraven.github.io/jqBootstrapValidation/

, это поможет вам установить всю проверку на стороне клиента, после ее заполнения она попадет в «метод вызова проверки успешности» и затем перейдет к ajax,

Вы также можете установить пользовательскую проверку, такую ​​как, minlength, maxlength, должна содержать, maxcheck, mincheck, форматы электронной почты / телефона и т. Д.

отменить, если возникнет проблема