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

Метод 1: встроенная проверка полей
Gravity Forms предоставляет встроенные параметры проверки для каждого поля формы. Настроив правила проверки, вы можете определить принятый формат ввода и отображать собственные сообщения об ошибках. Вот пример того, как добавить проверку в поле «Имя»:

add_filter( 'gform_field_validation_1_3', function( $result, $value, $form, $field ) {
    if ( $field->type === 'name' && ! preg_match( '/^[a-zA-Z]+$/', $value ) ) {
        $result['is_valid'] = false;
        $result['message'] = 'Please enter a valid name.';
    }
    return $result;
}, 10, 4 );

Метод 2: пользовательская проверка JavaScript
Gravity Forms позволяет добавлять собственный код JavaScript для выполнения проверки на стороне клиента. Этот метод позволяет проверять поля формы в режиме реального времени, обеспечивая немедленную обратную связь с пользователями. Вот пример проверки поля адреса электронной почты с помощью JavaScript:

jQuery(document).ready(function($) {
    $('#input_1_2').on('input', function() {
        var email = $(this).val();
        var pattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
        if (!pattern.test(email)) {
            $(this).addClass('validation-error');
        } else {
            $(this).removeClass('validation-error');
        }
    });
});

Метод 3: проверка на стороне сервера с помощью перехватчиков
Gravity Forms предлагает перехватчики, которые позволяют выполнять проверку на стороне сервера перед отправкой формы. Этот метод полезен для проверки сложных данных или выполнения поиска в базе данных. Вот пример того, как выполнить проверку на стороне сервера с помощью хука gform_validation:

add_filter( 'gform_validation', function( $validation_result ) {
    $form = $validation_result['form'];
    if ( ! /* your validation logic here */ ) {
        $field_id = 2;
        $form['fields'][$field_id]->failed_validation = true;
        $form['fields'][$field_id]->validation_message = 'Validation failed for Field 2.';
        $validation_result['is_valid'] = false;
    }
    $validation_result['form'] = $form;
    return $validation_result;
});

Метод 4: Условная проверка
Gravity Forms позволяет настроить условную логику для полей формы. Вы можете использовать эту функцию для проверки определенных полей на основе значений, введенных в другие поля. Вот пример условной проверки с использованием пользовательского интерфейса Gravity Forms:

1. Отредактируйте поле, которое вы хотите проверить условно.
2. На вкладке «Дополнительно» включите «Включить условную логику».
3. Определите условия, на основе которых должна выполняться проверка.

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