Question

我的以下代码无法按预期运行。验证无法按预期工作。

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:a4j="http://richfaces.org/a4j"
    xmlns:rich="http://richfaces.org/rich"
    xmlns:f="http://java.sun.com/jsf/core">

<h:head>
    <title>My Registration Page</title>
    <link href="stylesheet/reset.css" rel="stylesheet" type="text/css" />
    <link href="stylesheet/style.css" rel="stylesheet" type="text/css" />
    <link rel="icon" type="image/png" href="images/icons/favicon.png" />
    <script src="script/script.js" />
</h:head>
<h:body>
    <h:outputText id="progress_bar" styleClass="progress-bar" /> 
    <a4j:jsFunction name="login" action="#{loginBean.validateUser}" />


    <div id="login-container">
        <div class="login-logo">
            <img src="images/logo.png" />
        </div>
        <f:view>
            <div id="loin-form">
                <h1>
                    Log in to your account or <a href="#">sign up</a> to Get Started
                </h1>
                <h:form>
                    <h:inputText id="userName" value="#{loginBean.userName}"
                        label="User Name" required="true" class="txtFld">
                        <f:validator
                            validatorId="com.coinfling.validation.LoginBeanValidator" />
                    </h:inputText>
                    <h:message for="userName" style="color:red"></h:message>
                    <h:inputSecret id="passWord" value="#{loginBean.passWord}"
                        label="Password" required="true" class="pswrdFld">
                        <f:validator
                            validatorId="com.coinfling.validation.LoginBeanValidator" />
                    </h:inputSecret>
                    <h:message for="passWord" style="color:red"></h:message>
                    <p>
                        <a4j:commandLink id="forgotPasswordLink" lable="Password"
                            value="Forgot Your Password? " />
                        <a4j:commandButton id="loginButton" value="Sign In"
                            onclick="login();" styleClass="sign-btn" />
                    </p>
                </h:form>
            </div>


        </f:view>
    </div>

</h:body>
</html>

我的简单验证类代码如下 package com.coinfling.validation;

import javax.faces.application.FacesMessage;
import javax.faces.component.UIComponent;
import javax.faces.context.FacesContext;
import javax.faces.validator.FacesValidator;
import javax.faces.validator.Validator;
import javax.faces.validator.ValidatorException;
@FacesValidator("com.coinfling.validation.LoginBeanValidator")
public class LoginBeanValidator implements Validator {

    @Override
    public void validate(FacesContext context, UIComponent toValidate,
            Object value) throws ValidatorException {
        FacesMessage message = new FacesMessage("*UserName is not in Correct Format");
        throw new ValidatorException(message);

//      
//      if(toValidate.getId().equals("userName"))
//      {
//          FacesMessage message = new FacesMessage("*UserName is not in Correct Format");
//          throw new ValidatorException(message);
//      }
//      else if(toValidate.getId().equals("passWord"))
//      {
//          FacesMessage message = new FacesMessage("*Password is not in Correct Format");
//          throw new ValidatorException(message);
//      }
    }

}

正如你可以看到我的验证，我只是抛出任何输入的异常。必填字段也不起作用。没有打印错误消息。我做错了什么？

亲切的问候

Answer 1

您实际上并未提交表单。你基本上是分别调用一个独立的bean方法。这是一个巨大的差异。要在表单上执行验证，您必须提交表单。

替换错误的a4j:jsFunction方法：

<a4j:jsFunction name="login" action="#{loginBean.validateUser}" />
...
<a4j:commandButton id="loginButton" value="Sign In"
   onclick="login();" styleClass="sign-btn" />

通过正常的表单提交方法：

<a4j:commandButton id="loginButton" value="Sign In"
   action="#{loginBean.validateUser}" styleClass="sign-btn" />

我不确定您使用a4j:jsFunction的原因，但是您认为可以从a4j:jsFunction中受益的任何内容都必须以不同的方式解决。

不要忘记在完成ajax请求时添加render="@form"来更新表单，以便显示所有消息：

<a4j:commandButton id="loginButton" value="Sign In"
   action="#{loginBean.validateUser}" render="@form" styleClass="sign-btn" />

JSF验证不起作用

1 个答案: