Перехват события PHP через jQuery

Перехват события PHP через jQuery

Можно проверить (перехватить) данные формы после того, как пользователь нажал submit. При этом, если что-то заполнено неправильно то отправка не произойдет и данные сохранятся на странице. Если же все заполнено, то данные отправляются.

Рассмотрим механизм перехвата отправки данных:

<script>
$('#myform').submit(function(){
// проверяем пару полей
var ok = ( $('#field1').val() && $('#field2').val() ); // пусть ok хранит результат какой-то проверки
if (!ok) { // если поля не прошли проверку
// каким-то образом оповещаем об ошибках пользователя
alert('Не заполнены поля!');
return false; // и этим false отменяем отправку формы
}
else alert('Все в порядке!');
});
</script>

Как видим по подписям, к форме с id myform привязан данный обработчик. Если мы попытаемся отправить форму через submit, то данный JQuery скрипт перехватит его и выполнит свои проверки. Здесь он проверяет - заполнены ли перед отправкой поля field1 и field2 - если нет, то останавливает отправку формы через php. Если все в порядке, то передает все действия php обработчику.

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

Данные файлы установите в корень сайта или на денвер и тестируйте.

PS Сам давно искал этот код, и наконец-то нашел его. Вместо alert - можно использовать изменение цвета на красный тех полей, которые не верны.

| | Перехват события PHP через jQuery | Можно проверить (перехватить) данные формы после того, как пользователь нажал submit. При этом, если что-то заполнено неправильно то отправка не произ |

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *


Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>