Добавляем доп.логику для 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 года, 10 месяцев назад пользователем jacket1991.

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