当设置“disabled=true”时，<h:commandButton> 的操作不会被调用

Question

我希望在选中 T&C 复选框时启用提交按钮。虽然我的书面逻辑工作正常，但 h:commandButton 的操作即使在选中复选框后启用，也不会被调用。最初，该按钮被禁用。如果我删除 disabled="TRUE" 属性，代码可以正常工作，但它不能达到目的。这是我的代码：

<script type="text/javascript">
$(document).ready(start);
function start() {

    $('.testing').click(
            function() {
                if ($(document.getElementById('form2:check'))
                        .is(':checked')) {
                    $(document.getElementById('form2:saveForm'))
                            .removeAttr('disabled');
                } else {
                    $(document.getElementById('form2:saveForm')).attr(
                            'disabled', 'disabled');
                }
            });
                 }
</script>

JSP 代码：

<h:form id="form2">
    <div class="testing">
        <h:selectBooleanCheckbox id="check" />
                Agree           
            <li class="buttons ">
                <div class="center">
                    <h:commandButton id="saveForm" styleClass="btTxt submit"
                        type="submit" value="Submit"
                        action="#{declarationFormBean.formSubmit}" disabled="true"></h:commandButton>
                </div>
            </li>
</h:form>

请帮忙。

Answer 1

这是因为您只是在使用 JavaScript/jQuery 的 JSF 生成的 HTML 表示中删除 disabled 属性。这不会对实际 JSF 组件中的 disabled 属性进行任何更改，在解码操作事件期间会参考该属性。

这实际上是 JSF 的一件好事^TM，因为否则任何黑客都可以通过操纵 HTML DOM 树来绕过任何 JSF disabled、readonly 和 rendered 属性虽然它们最初被用来阻止它们，就像rendered="#{request.isUserInRole('ADMIN')}"。

你需要通过JSF而不是JS/jQuery来启用按钮。

<h:selectBooleanCheckbox binding="#{check}">
    <f:ajax render="saveForm" />
</h:selectBooleanCheckbox>
<h:commandButton id="saveForm" ... disabled="#{not check.value}" />

就是这样。不需要自定义 JS/jQuery 混乱，也不需要任何额外的 JSF bean 属性。上面的代码是完整的。

另见：

• What is the need of JSF, when UI can be achieved from CSS, HTML, JavaScript, jQuery?