Пользовательский jQuery не запускается / работает после того, как отображается сообщение об ошибке проверки формы по умолчанию. - PullRequest
Новая
       15

Пользовательский jQuery не запускается / работает после того, как отображается сообщение об ошибке проверки формы по умолчанию.

0 голосов
/ 25 мая 2019

Я добавляю пользовательский jQuery для отображения определенных полей на основе условной логики. Например: если в качестве компании выбрано значение поля «Тип бизнеса», отображаются поля «Название компании» и «Веб-сайт компании» В противном случае эти поля скрыты.

enter image description here

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

enter image description here

Отображение / скрытие полей компании в зависимости от значения типа бизнеса 

jQuery(document).ready(function($){
    //Hide the fields by default
    $('#input_2_9').css('display','none');
    $('#input_2_10').css('display','none');
    $('#input_2_8').on('change', function(e){
    var self = $(this);
    if(self.val() === 'Business') {
        $('#input_2_9').fadeIn();
        $('#input_2_10').fadeIn();
    }else{
        $('#input_2_9').fadeOut();
        $('#input_2_10').fadeOut();
        }
   });

});

Если кто-то хочет взглянуть на форму, вот ее URL: https://gems -precious.com / form /

Заранее спасибо!

1 Ответ

0 голосов
/ 25 мая 2019

Попробуйте этот код 

jQuery(document).ready(function($){
    //Hide the fields by default
    jQuery('#input_2_9').css('display','none');
    jQuery('#input_2_10').css('display','none');
    jQuery('#gform_submit_button_2').on('click', function(e){
    var self = jQuery('#input_2_8 :selected').text();
    if(self == 'Business') {
        jQuery('#input_2_9').fadeIn();
        jQuery('#input_2_10').fadeIn();
    }else{
        jQuery('#input_2_9').fadeOut();
        jQuery('#input_2_10').fadeOut();
        }
   });

});
...