Javascript Events – Hide Submit Button until last field is filled out

0

Hi everyone,

I am wanting the Submit button to not display until my last input box is filled out.

I started with using pure Javascipt –

In the CSS I set .sg-button-bar display:none

document.getElementById(‘sgE-5555555-1-29-element’).addEventListener(“input”, toggleButton());

function toggleButton() {
document.getElementsByClassName(‘sg-button-bar’).style.display=”block”;
}

 

I had no success with this.

So then I started attempting to use a few different variations of jquery

document.getElementById(‘sgE-2439539-1-29-element’).addEventListener(“input”, toggleButton());

function toggleButton() {
console.log(“Hey”);
document.getElementsByClassName(‘sg-button-bar’).style.display=”block”;
}

So then I attempted :

document.getElementById(‘sgE-2439539-1-29-element’).addEventListener(“input”, toggleButton());

function toggleButton() {
console.log(“Hey”);
document.getElementsByClassName(‘sg-button-bar’).style.display=”block”;
}

I am beating my head in here trying to figure out why I can’t get events to successfully perform a function.

ryanliddle90 answered
    0

    Hey Jacob – I just happened to run across this question. In the past I’ve used something like this:

     

    $(document).ready(function(){
    $(“#sg_SubmitButton”).hide();
    $(“#sgE-2542411-1-5-element”).change(function(){
    $(“#sg_SubmitButton”).show();
    });
    });

    Let me know if that helps!

    Lizzy Tekkel answered
      0

      i am too needing to hide my submit button until all questions on a single page survey have been answered

      ryanliddle90 answered
        0

        Other than SG customers, any chance a SG developer can join in the discussion here?

        Jacob Hayslett answered
          ×

          Login

          Question stats

          • Active
          • Views4409 times
          • Answers3 answers
          • Followers0 followers