Поддержка Проблемы и решения Добавляем доп.логику для ContactForm7

  • Всем привет!

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

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

    Беру скрипт и стили, которые успешно работали на кастомной форме и ставлю их на страницу, где стоит форма через html, естественно меняя все значения под cotact form7:

    <script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script>
    $(document).ready(function() {
    $('#549 #VIN, #549 #number_gos, #549 #number_bodywork, #549 #number_frame, #549 #number_card').on('input', function() {
    $('#549 input[type="text"].wpcf7-text').not(this).prop('disabled', this.value.length);
    });
     })
    </script>
    <style> .wpcf7-form-control[disabled], fieldset[disabled] .wpcf7-form-control {
        cursor: not-allowed !important;
    }
    .wpcf7-form-control[disabled], .wpcf7-form-control[readonly], fieldset[disabled] .wpcf7-form-control {
        background-color: #eee !important;
        opacity: 1 !important;
    }</style>

    Логика скрипта заключается в том, чтобы добавить в class input’a метку «disabled», а дальше стили уже сделают свою работу. Но скрипт почему-то не срабатывает и не добавляет «disabled» в код.

    Что делают не так? Прошу вашей помощи!

    • Тема изменена 3 года, 6 месяцев назад пользователем jacket1991.

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 1 ответа (всего 1)
Просмотр 1 ответа (всего 1)
  • Тема «Добавляем доп.логику для ContactForm7» закрыта для новых ответов.