带有 JSF 和页面提交刷新的 JQuery Validation()

Question

我刚刚完成了将 JQuery Validation 脚本与我的 JSF 2 页面的集成。在我们提交表单之前它工作正常。

我找到了非常接近的答案here，但问题仍然存在：页面被刷新并且 bean 未被调用！这个answer 也很有帮助，但是使用它，bean 也永远不会被调用。

这是我的验证：

<script>
$(document).ready(function(){

$("#ForgotPass").validate({

    rules: {
        'ForgotPass:mailprofile': {
            email: true,
            required : true
            }
        },
        messages: {
            'ForgotPass:mailprofile': {
         email: "Veuillez entrer une adresse e-mail valide",
         required : "L'adresse e-mail est vide"
            }
          }

    });
});
</script>

还有形式：

<h:form id="ForgotPass" class="form floating-label">
  <h:outputText id="Mailid" value="E-mail : " name="Mailnm"> </h:outputText>
  <h:inputText class="form-control" id="mailprofile" value="#{userloginMB.mailprofile}" ></h:inputText>
  <h:outputLabel id="MailidL" for="mailprofile" name="MailnmL"></h:outputLabel>
  <h:commandButton id="btnPo" value="Soumettre" onclick="validate()">
    <f:ajax listener="#{userloginMB.forgotpass}" execute="@form" render="@form" onevent="validate()" />
  </h:commandButton>                                            
</h:form>

如何在验证正确的情况下提交表单，调用 bean，并且不刷新页面？当字段无效时，验证正常工作。

注意：我在浏览器中呈现的按钮：

<input id="ForgotPass:btnPo" name="ForgotPass:btnPo" value="Soumettre" class="btn btn-flat btn-primary ink-reaction" onclick="mojarra.ab(this,event,'action','@form','@form');return false" type="submit">

已添加： 类似的东西会很完美：http://jsfiddle.net/wYd5t/2/ 但在我的示例中我该怎么做呢？ （甚至使用 addEventListener）

Answer 1

您确实应该进行双重验证，服务器端（通常是简单的消息重组错误）和客户端验证。如果另一个停止（JS禁用浏览器），那么在两者之间进行连接将使两者中的任何一个都无法使用。