[Resolved] I am trying to disable the submit button via javascript

[Author]

Posts

[Adrian]

Hi,

I have some javascript code somewhere else on the page, which checks a few things and is supposed to disable the submit button of one of my CRED forms that is being displayed.

jQuery(document).ready does not seem to cut it though, as something else takes the disabled state out. I tried using the javascript panel inside the form in question, add a custom class to the submit button and target it that way, but no dice.

I have no problem executing the javascript code within my CRED form, but right now I had to bind it to mouseenter. This means the button changes states only when the user moves the mouse. I can't have that.

What is the javascript trigger where if I type:

jQuery('.finishprofilebutton').attr("disabled", "disabled");

It stays disabled.

[Shane]

Hi Adrian,

Thank you for contacting our support forum.

Would you mind providing me with a link to the page so that I can check on this issue for you ?

Thanks,
Shane

[Adrian]

Hi,

Unfortunately that is part of a locally developed project and behind a login form.

You can however reproduce this easy by creating a CRED form and adding the

jQuery('.finishprofilebutton').attr("disabled", "disabled")

code in the javascript section. What I noticed is that it sets it to disabled, but then the field gets re-enabled. So something is running after document load to ensure that the submit button stays active.

The finishprofilebutton class is a class I added to the Submit button, since the ID is randomly generated for some odd reason.

[Shane]

Hi Adrian,

Try setting a delay on the script running. Like this.

jQuery( document ).ready(function() {
console.log('document is ready');
setTimeout(function() {
         jQuery('.finishprofilebutton').attr("disabled", "disabled")
         console.log('button is disabled');

    }, 2000);

});

I tested this and it works for me.

Thanks,
Shane