Hi Jason,

I have a similar issue with my form and when I was looking for answers here I found your comment. I'm trying to do the same thing with two checkboxes. If two different checkboxes,checked with certain 2 values, the form needs to hide the submit button.
 

Now I tried using building my own submit button but the issue is the form have page breaks and as you know, default submit button always appear at the last page.  My form have 7 pages. Should I need to create 7 different submit buttons for each page then manipulate them with field rules? 

I'm not really familiar javascript. I tried to reverse engineer what I read here and wrote the code below but couldn't get it worked. I'd really appreciate any help. 

Thank you!

$(document).ready(function () {
    $('.Submit').show();
 $('#q71 input' && '#q11 input').change(function(){
     if($('#q71 input:checkbox[value=Client Name]') && $('#q11 input:checkbox[value=Imports]')){
         $('.Submit').hide();
    
     }
else {
    $('.Submit').show();
}
 })
 });

Onur,

You don't need custom JavaScript. You can still use Field Rules.

You just need the right condition, which in your case sounds like it would be a "When All" condition with the two checkboxes you want.

For example,

As for the pagination part, you don't need to add a custom button to every single page of the form.

You only need the button on whatever will/could be the last page (in some cases the last page can change if you have field rules showing/hiding pages in which case you'd need some extra rules to make sure it only appears on the "current" last page).

I tend to add custom buttons for page navigation to all my pages anyway because I like to force validation for each page before allowing users to move onto the next page, but that's not totally necessary.

The only "tricky" part when you involve pagination is the button placement since you'll have the "Previous" button at the bottom, so if you want it to be in the same place as the default button you'd have to figure out the right CSS or hide all the buttons on that page and add your own "Previous" button to go along with the custom Submit button.

A custom nav button requires a little bit of JavaScript since "previous" and "next" are not html button types, but it's not terribly complicated.

$('.custom-next').on('click', function () {
    $('.cf-page.active .cf-next-btn').click();
});

$('.custom-prev').on('click', function () {
    $('.cf-page.active .cf-prev-btn').click();
});

Basically, this just makes it so when you click your "custom" nav buttons, it just triggers a click event on the associated button for the active (visible) page.