Jsf+javascript for form button enable/disable

Question

I have a page that has checkboxes and input boxes on it. I want the submit button disable when the page initially loads, and then upon making any chages to the form fields, enable the submit button. I have the javascript working, but the form is actually not going to my submit method in my backing bean. Here is my javascript:
function enableSubmitButton(form, inputElement) {
    var formId = document.getElementById(inputElement.id).form.id;
    var submitButtonId = document[formId][formId+":submitButton"];
    submitButtonId.disabled = false;
    submitButtonId.setAttribute("class", "inputButton");
    submitButtonId.setAttribute("className", "inputButton"); // for IE which does not recognize "class"
}Here is an example of a checkbox:
<h:selectBooleanCheckbox id="chkChannelEmail"
     value="#{services.emailSubscribed}"
     rendered="#{services.renderEmail}"
     onclick="displayRequiredFields(this, 'chkChannelService); enableSubmitButton(this.form, this);">
</h:selectBooleanCheckbox>and here is my command button
<h:commandButton type="submit" value="Submit" id="submitButton" action="#{BackingBean.submit}" styleClass="inputButtonDisabled" disabled="true" />It seems to be updating the disabled value, because when my page loads up, i can alert out the disabled value, and it is true, and if I click on a checkbox, it alerts out that the disabled value is false, but submitting my page doesn't actually work.
Thanks!!
Edited by: jrthor2 on Oct 16, 2009 3:10 PM

Answer 1

The commandbutton won't be invoked as long as the disabled attribute still evaluates to 'true' in the server side. So you need to solve this the other way. Let the disabled attribute for example depend on a request parameter or pass a hidden input element which notifies JSF that the disabled attribute should evaluate to 'false' and so on.
The same story applies on the 'rendered' attribute by the way.