Проверка данных, вводимых пользователями с JQuery и PHP

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

Но если мы будем использовать AJAX для связи с сервером (и, следовательно, с PHP, например), мы можем решить, чтобы делегировать все проверки непосредственно на сервере.

Подготовка возникновения

Для нашего примера, мы, очевидно, необходимо JQuery, PHP и JQuery UI верующих

На момент написания JQuery UI пакет содержит версию 1.8.10 и 1.4.4 в JQuery сценарий, так что не поддается соблазну использовать новые JQuery 1,5, который я описал здесь и "довольствоваться" предлагаемого комплекта.

Выберите тему нейтральные темы ролик Ui :

Затем мы переходим к скачать то, что нам нужно:

В пакет загрузки. "JS" полезных JQuery и JQuery-щ-1.4.4.min.js-1.8.10.custom.min.js внутри папки JS, CSS папки внутри же именем, и мы можем освободиться развитие-расслоение папок и файлов, index.html

Мы все в структуру дерева линии и вот результат показывает, как Затмение :

Как вы можете видеть на изображении мы добавили файл index.html в корень, index.js в JS и CSS в style.css, мы также создали папку "PHP" с файлом внутри: вы remote.php заботиться о проверки на стороне сервера.

Сценарий

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

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

• <<
• 1
• 2
• 3
• 4
• >>