onkeyup="检查()";在 上显示输入元素值 null

Question

在 primefaces 3.0.M3 中，使用 document.getElementById('confirmPassword') 将 textBox 值获取到 javaScript 时，会给出 null 值！ 代码是： 在 primefaces 中：

<h:outputText value="Confirm Password*" />
<p:password
value="#{employeeRepositoryImpl.securityPrincipals.confirmPassword}"
required="true" label="Confirm Password" id="confirmPassword" for="confirmPassword" onkeyup="check()" >
update="confirmPassword" />
</p:password>

在 javaScript 中：

function check(){
    var title1 = document.getElementById('confirmPassword'); 
    var title2 = document.getElementById('password'); 
    alert(title1+title2);}

我设置了 prependId="false" 。但警报显示为空。还有其他方法可以做到这一点吗？

Answer 1

正如您所提到的，生成的 HTML 如下所示，

<input id="formId:confirmPassword_input" class="ui-inputfield ui-password ui-widget ui-state-default ui-corner-all" type="password" onkeyup="checkPass()" value="fd" name="formId:confirmPassword_input">

这意味着表单仍会从中附加 id，请重新检查这些组件所在的 h:form 并设置 prependId="false"

如果您尝试获取 ID 为 confirmPassword 的 HTML dom，它将返回 null，其中 HTML 中的实际 ID 为 formId:confirmPassword_input >