javascript - 当输入文本中写入内容时，如何通过 jquery 启用 jsf 中的命令按钮

Question

当在输入文本中键入内容时，我尝试使用以下代码来禁用和启用搜索按钮。

<h:inputText id="searchText" value="#{adminSearchBean.storeName}" styleClass="abc1"></h:inputText>

<h:commandButton id="goButton" value="GO" styleClass="abc"
              action="#{adminSearchBean.renderReport}"></h:commandButton>

<script type="text/javascript">
 $(document).ready(function () {
 $("input.abc").attr("disabled","disabled");

 $("input.abc1").keyup(function (data) {
       disableGO();
});

function disableGO(){

    if ($("input.abc1").val() != "") {  
           $("input.abc").removeAttr("disabled"); 
       } else
           $("input.abc").attr("disabled","disabled");
};

$( "input.abc1" ).focus( function(){
    alert('focus on');
     disableGO();
});

});
</script>

焦点和键盘工作正常，但是当选择之前输入的某些文本时，按钮仍然保持禁用状态。我希望启用它。

谁能帮忙。

Answer 1

应该有一个关联的事件，例如焦点和键盘模糊更改等。焦点和键盘如果与文本框。对于你的情况，我建议在xhtml页面的页面加载上编写一个js，并检查输入框中是否有任何值。如果有，则启用按钮否则禁用。希望这会起作用。如果您不想使用之前输入的值，请使用 autocomplete="off"