Question

我有一个身份验证表单，当我点击命令按钮时，它应刷新表单以防登录失败，否则重定向用户

我在commandButton中创建ajax以检查登录是否失败，如果是OutputText将更改为：登录失败

我不需要修改它才能使其正常工作

这是我的JSF，

    <h:form id="form_login" >
    <div>
    <!-- email -->
   <div class="input-group input-group-sm">
   <h:inputText id="mail" type="text" class="form-control" placeholder="Email" value="#{login.mail}"  required="true" requiredMessage="Entrez votre mail svp" validatorMessage="Email invalide">
<f:ajax event="keyup" render="messageerreur" />
<f:validateRegex pattern="[\w\.-]*[a-zA-Z0-9_]@[\w\.-]*[a-zA-Z0-9]\.[a-zA-Z][a-zA-Z\.]*[a-zA-Z]" /> </h:inputText>
<span class="input-group-addon"><i class="fa fa-check"></i></span>
 </div>
 <h:message id="messageerreur" for="mail" class="recover-password" style="color:#eb6a5a" />
     <!--  Password -->
 <div class="input-group input-group-sm">
 <h:inputSecret id="password" class="form-control" placeholder="Password" value="#{login.pass}" required="true"  requiredMessage="Entrez votre password svp" > 
</h:inputSecret>
 <span class="input-group-addon"><i class="fa fa-times"></i></span>
 </div>
 <h:message  id="erreurpass" for="password" class="recover-password" style="color:#eb6a5a" />
</div> 
 <br></br>
                                <div class="pull-right">
<h:commandButton id="login_button"  action="#{login.authentification()}" value="Login" class="btn btn-login">
 <f:ajax onevent="click"  execute="form_login" render="login_failed"/> 
  </h:commandButton></div>
<div class="center">                          
<h:outputText id ="login_failed" class="recover-password" value="#{login.failed}" />
 </div>
</h:form>

这里是托管Bean中的函数：

public String authentification()
    {
        System.out.println("Hi");
        System.out.println(getMail());
        System.out.println(getPass());
        if(getMail()!=null && getPass()!=null)
        {
        login_success=marchandBo.authentication(getMail(), getPass());
        }
        if(login_success)
            return "Dashboard_user.xhtml";
        else
            setFailed("Login failed");

        return null;
    }

Answer 1

您的代码存在一些问题：

您在JSF组件上定义class属性。我已经看到了这种原因引起了各种各样的怪异。也许你想要styleClass？
除非您使用自定义渲染器（如omnifaces Html5RenderKit），否则JSF将删除您的HTML5 placeholder属性。请参阅本地JSF-2.2中有关如何执行此操作的链接。
您的具体问题可能是由onevent属性引起的。根据{{3}}，属性名称为event。您可以将其关闭以触发针对“默认行为”的ajax请求，在h:commandButton为submit的情况下。使用event="click"属性，您实际上阻止以标准方式提交表单的默认行为。这就是为什么添加listener操作的原因 - 它复制了您在action属性中的内容。

总结一下，将代码更改为以下内容：

<h:commandButton id="loginBtn" action="#{login.authentification}" 
        value="Login" styleClass="btn btn-login">
    <f:ajax execute="@form" render="login_failed"/> 
</h:commandButton>

Answer 2

onevent标记的属性f:ajax旨在成为处理事件的javascript函数。你想要的是event="click"。此属性描述了哪个DOM事件将触发操作。

JSF中的Ajax加载所有页面

2 个答案: