JSFiddle - React, Tailwind, and code Playground

by SullysRants

JavaScript

$(function() {
      $('#Conference_Date_From, #Conference_Date_To, #Travel_Date_From, #Travel_Date_To').datetimepicker({
        format: 'L'
      });


      $('#Ticket').parsley();




      $('input:radio[name=Presenting_A_Paper]').change(function() {
        if (this.value == 'Yes') {
          $('#Title_of_Paper_ShowHide').show();
          $('#Title_of_Paper').attr('required', '');
          $('#Title_of_Paper').removeAttr('data-parsley-validate-if-empty');
        } else if (this.value == 'No') {
          $('#Title_of_Paper_ShowHide').hide();
          $('#Title_of_Paper').removeAttr('required');
          $('#Title_of_Paper').attr('data-parsley-validate-if-empty', '');
        }
      });




      $('input:radio[name=Meeting_Others]').change(function() {
        if (this.value == 'Yes') {
          $('#Meeting_Others_ShowHide').show();
          $('#Meeting_Others_Info').attr('required', '');
          $('#Meeting_Others_Info').removeAttr('data-parsley-validate-if-empty');
        } else if (this.value == 'No') {
          $('#Meeting_Others_ShowHide').hide();
          $('#Meeting_Others_Info').removeAttr('required');
          $('#Meeting_Others_Info').attr('data-parsley-validate-if-empty', '');
        }
      });

    });