Kentaro,

I copied the JavaScript you provided and changed the id's to the correct numbers and it doesn't work.  I am sorry I don't know much about JavaScript. Is there another element/selector I need to change the name on? 

Thank you Xiuhong Xiang! It worked perfect

Hi Vanessa,

Here is a code that might be a better work-around than simply disabling the button.

With this approach, you are initially making all of the three fields required so that when someone tries to submit the form without entering any of the three fields, it will display an error message. Although this solution only works with Forms 10.2, the power of this solution is that you can customize the error message (a new feature with Forms 10.2) to say something like "At least one of the three phone fields requires input". If people enter an input into one (or more) of the fields, the error message won't show up. Anyways, here is the code:

$(document).ready(function(){
   var verify = function (t) {
  	var val = $(t).val();
    
    if (val != '') {
    	removeRequiredFromAllFields();
    } 
    else if (val == '') {
    	checkIfAllInputsAreEmpty();
    }
  }
  var checkIfAllInputsAreEmpty = function () {
 	var filledElement = $('.phone input').filter(function () {
       	return this.value != '';
 	});
     
    if(filledElement.length == 0) {
      addRequiredToAllFields();
    }
  }
  var addRequiredToAllFields = function () {
    $('.phone').each(function (i, target) {
    	$(target).find('.cf-required').css('display', '');
  		$(target).find('input').prop('required', true);
    });
  }
  var removeRequiredFromAllFields = function () {
    $('.phone').each(function (i, target) {
      if($(target).find('.cf-required').css('display') != 'none') {
   		$(target).find('.cf-required').css('display', 'none');
  		$(target).find('input').prop('required', false);
        $(target).find('div ul').remove(); 
        $(target).find('input').removeClass('parsley-error');
      }
    });
  }

  
  $('#q1 input').on('change', function() {
  	  verify(this); 
  });
  
  $('#q2 input').on('change', function() {
  	  verify(this);
  });
  
  $('#q3 input').on('change', function() {
  	  verify(this);
  });
});
  

Note: if you want this code to work with Forms 10.1, simply replace $(target).find('div ul').remove(); $(target).find('input').removeClass('parsley-error'); with $(target).find('div div').remove(); $(target).find('input').removeClass('user-error');

The downside is, it will take more work to customize the error message with Forms 10.1 

Cheers,

Thanks Kentaro! I will have to try that once we upgrade to Forms 10.2.