Расширенная проверка формы в JavaScript

Question

Я уже знаком с тем, как использовать onSubmit для оценки содержимого формы по сравнению с RegEx, чтобы убедиться, что оно соответствует статическим параметрам для приемлемого содержимого. Что мне интересно, так это то, есть ли способ дальнейшей проверки в базе данных MySQL, например, если вы хотите убедиться, что адрес электронной почты еще не использовался, перед отправкой формы и перезагрузкой полевые данные возвращаются в правильные места для исправления.

Answer 1

вы должны использовать серверный язык для этого: php, perl, python ... поскольку javascript (технология на стороне клиента) не может напрямую взаимодействовать с сервером mysql (технология на стороне сервера).

В javascript вы можете использовать методологию AJAX, если хотите избежать полного обновления страницы. Попробуйте использовать jquery , (библиотеку javascript, которая решает проблемы кроссбраузера и значительно упрощает программирование взаимодействия) и ее функцию $ .ajax (). Это стало действительно легко благодаря использованию плагина jquery .

Answer 2

В большинстве примеров такого рода проверки используется какой-то асинхронный запрос к серверу для поиска в базе данных. Либо с помощью XMLHttpRequest, либо с помощью другого метода в стиле Ajax.

Я бы порекомендовал создать небольшую конечную точку URL, чтобы вы могли быстро отправить HTTP-запрос на отправку адреса электронной почты для проверки. Он может вернуть либо true, либо false в простом ответе JSON.

Answer 3

Если вы не отправили все действительные адреса электронной почты клиенту (вы бы этого не сделали), вам придется выполнить какое-то серверное обходное обращение для проверки поля, что эквивалентно отправке формы. Но используя AJAX, вы можете полностью проверить форму без ущерба для пользовательского опыта; для них это будет выглядеть как любая другая проверка на стороне клиента. Существуют плагины JQuery, которые помогают упростить кодирование на основе AJAX, но его не так уж сложно собрать самостоятельно.