javascript - 使用 jQuery 禁用表单中的输入字段

Question

我最近升级到了 Liferay 6.0、JSF 2.1 和 jQuery 1.7。

这是我的 html 表单:

 <h:form id="fundRequestForm" action="" method="post">
      <!-- Inside this I have various form field -->
    </h:form>

html页面源码中生成的表单:

<form id="_jpfcpncuivr_A2262_j_id1:fundRequestForm" name="_jpfcpncuivr_A2262_j_id1:fundRequestForm"
method="post" action="">
</form>

我想禁用除隐藏表单字段以外的表单中的所有输入字段。

这是我的 javascript

jQuery(document).ready(function()
{
  jQuery('form#_jpfcpncuivr_A2262_j_id1:fundRequestForm input[type!="hidden"]').attr('disabled', 'true');
});

输入字段没有被禁用。请让我知道这段代码有什么问题。

Answer 1

虽然在 HTML 元素 ID/名称中有效，但冒号在 CSS 选择器中是一个特殊字符，因为它代表伪选择器的开始。您需要在 CSS 选择器中将其转义。

jQuery('form#_jpfcpncuivr_A2262_j_id1\\:fundRequestForm input[type!="hidden"]').attr('disabled', 'true');

另见:

• How to select JSF components using jQuery? (有关备选方案的更详细答案)
• By default, JSF generates unusable ids, which are incompatible with css part of web standards (其他人咆哮说它不符合标准，但答案证明是错误的)