使用AJAX和Validator类进行JSF表单验证

时间:2019-07-14 17:17:17

标签: ajax validation jsf xhtml

我有一个大学的作业,我们将使用AJAX和验证器类来验证表单输入。现在,我已经在JSF中使用AJAX来过滤列表。但我不知道如何将其与验证器结合使用。验证应在用户离开输入字段时进行。验证器应检查电子邮件输入是否匹配正则表达式模式,以及是否有现有用户使用相同的电子邮件。如果验证失败,则应显示FacesMessage。如何连接点?

这是一个较大项目的一部分,我尝试仅包含相关代码。

文件结构(仅相关部分)

.
├── java
│   ├── dao
│   ├── logic
│   ├── presentation
│   │   ├── managedbeans
│   │   │   └── UserBean.java
│   │   └── validator
│   │       └── Email.java
│   │
│   └── transfer
└── webapp
    └── signup.xhtml

代码

signup.xhtml 仅与表单的相关部分

<h:form id="registerForm" class="col l6 s12 center">

<h:outputLabel for="eMail" value="Email" class="active" />
  <h:inputText 
    id="eMail" 
    value="#{user.email}" 
    class="validate"
    requiredMessage="Email is required" 
    label="eMail" 
    maxlength="25"
    alt="email" 
    autocomplete="on" 
    required="true">  

    <f:validator validatorId="emailValidator"/> 
    <f:ajax event="change" listener="#{user.validateEmail}" execute="eMail" render="emailError"></f:ajax>

  </h:inputText>
  <h:message for="eMail" id="emailError" />

  <h:commandButton value="Sign up" action="#{user.addUser}" class="waves-effect waves-light btn" type="submit" />

</h:form>

Email.java

import java.util.regex.Pattern;
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("emailValidator")
public class Email implements Validator { 

  private static final Pattern EMAIL_PATTERN = Pattern.compile("[\\w\\.-]*[a-zA-Z0-9_]@[\\w\\.-]*[a-zA-Z0-9]\\.[a-zA-Z][a-zA-Z\\.]*[a-zA-Z]");

  @Override
  public void validate(FacesContext context, UIComponent component, Object value) throws ValidatorException {

    if( value == null) {
      return;
    }

    String email = (String) value;
    boolean matches = EMAIL_PATTERN.matcher(email).matches();

    if(!matches) {
      FacesMessage msg = new FacesMessage(
          FacesMessage.SEVERITY_FATAL,
          "Email is invalid",
          null);
      throw new ValidatorException(msg);
    } 
  }
}

UserBean.java 因此,我认为在UserBean中调用一个validateEmail函数然后在Validator类中调用validate函数可能是有意义的。但是我真的不确定。如何传递参数的上下文,成分和值?

public void validateEmail(AjaxBehaviorEvent e) {
//    Email emailValidator = new Email();
//    emailValidator.validate(context, component, value);
}

1 个答案:

答案 0 :(得分:0)

您可以在XHTML文件中验证电子邮件。

为此,请看一下: Email validation using regular expression in JSF 2 / PrimeFaces

因此,如果用户名或电子邮件已经存在,那么您实际上只需要进行验证。您可以在大学的验证班中做到这一点。

如果您已经在UserManager中进行了验证,则可以在验证类中使用它。

致谢