在 primefaces + javascript 中检查密码是否匹配答案

【问题标题】：check whether password match or not in primefaces + javascript在 primefaces + javascript 中检查密码是否匹配
【发布时间】：2012-01-21 19:36:18
【问题描述】：

如何在 primefaces + javascript 中检查密码是否匹配？我是这样用的

function checkPass(){

var pass1 = document.getElementById('password');
var pass2 = document.getElementById('confirmPassword');
lert(pass2);
}

但得到空值！在 primefaces 中，我调用了 onkeyup="checkPass(); return false;"

【问题讨论】：

在 dom 中实际上是否有一个 id 为“confirmPassword”的元素？

标签： java javascript jsf-2 primefaces

【解决方案1】：

要获取字符串值，我们必须在 JSF Primefaces 中使用以下代码，例如，

var pass1 = document.getElementById('password_input'); 
var pass2 = document.getElementById('confirmPassword_input');

【讨论】：

【解决方案2】：

试试这个代码

onkeyup="checkPass(this.value)"

还有javascript代码：

function checkPass(text) {
  var pass1 = document.getElementById('password');
  if (text == pass1.value) {
    alert('match');
    return true;
  } else {
    return false;
  }
}

【讨论】：

但是 pass1 正在为空，即使我有一个 id="password"。
> Lofa: change ---> var pass1 = document.getElementById('password'); ---> to var pass1 = document.getElementById('password').value;

【解决方案3】：

我不明白你为什么要使用 Primefaces 而没有利用它的强大功能......

primefaces 中有一个password 标记，其match 属性匹配两个输入密码之间的字符串，如果密码更弱或更强，您也可以获得反馈：

<p:panel header="Match Mode">  
        <p:messages showDetail="true" autoUpdate="true"/>  

        <h:panelGrid columns="2" id="matchGrid">                     
            <h:outputLabel for="pwd1" value="Password 1: *" />  
            <p:password id="pwd1" value="#{passwordBean.password6}" feedback="true" match="pwd2" label="Password 1" required="true"/>  

            <h:outputLabel for="pwd2" value="Password 2: *" />  
            <p:password id="pwd2" value="#{passwordBean.password6}" feedback="false" label="Password 2" required="true"/>  
        </h:panelGrid>  

        <p:commandButton update="matchGrid" value="Save" />  
    </p:panel>

请查看此链接：http://www.primefaces.org/showcase-labs/ui/password.jsf。由于您尚未指定 Primefaces 版本，我必须告诉您，此解决方案适用于 Primefaces 3。

【讨论】：

@lofain 是的，我知道在 M3 中有一个关于此的错误，但您可以轻松升级到 M4 或 RC1（甚至 RC2-Snapshot，它很稳定 - 我已经尝试过）
由于我在将应用程序部署到 GAE 时遇到了一些问题，在使用 M4 时，我回到了 M3。无论如何我会尝试使用 RC1 或 RC2。谢谢！
@lofain 祝你好运！如果您遇到问题，请不要犹豫在这里创建另一个问题...如果时间对我很温柔，我会很乐意帮助您...
再次感谢 cmets！