Primefaces:验证码id不可见，但显示验证消息
我正在使用PrimefacesPrimefaces:验证码id不可见，但显示验证消息,primefaces,captcha,recaptcha,Primefaces,Captcha,Recaptcha,我正在使用Primefacescaptcha来加强我的身份验证过程，我遵循了每一个步骤，以使其工作，包括生成公钥和私钥，但仍然不起作用 问题在于验证码不可见，但它通过同时显示验证消息来阻止身份验证。 代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.
captcha验证码不可见，但它通过同时显示验证消息来阻止身份验证。
代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
lang="#{languageSwitcher.locale}"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:c="http://java.sun.com/jsp/jstl/core"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:p="http://primefaces.org/ui">
<ui:define name="title">
<h:outputText value="Please Sign In" />
</ui:define>
<ui:define name="header">
<h:outputText value="Please Sign In" />
</ui:define>
<h:head>
<title>Connexion</title>
<!-- <meta charset="utf-8" /> -->
<link rel="shortcut icon" type="image/x-icon"
href="${request.contextPath}/resources/images/icons/dataprotect.ico" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="Thu, 19 Nov 1900 08:52:00 GMT" />
<!--Loading bootstrap css-->
<link type="text/css" rel="stylesheet"
href="${request.contextPath}/resources/css/file3.css" />
<link type="text/css" rel="stylesheet"
href="${request.contextPath}/resources/css/file1.css" />
<link type="text/css" rel="stylesheet"
href="${request.contextPath}/resources/vendors/jquery-ui-1.10.4.custom/css/ui-lightness/jquery-ui-1.10.4.custom.css" />
<link type="text/css" rel="stylesheet"
href="${request.contextPath}/resources/vendors/font-awesome/css/font-awesome.min.css" />
<link type="text/css" rel="stylesheet"
href="${request.contextPath}/resources/vendors/bootstrap/css/bootstrap.min.css" />
<!--Loading style vendors-->
<link type="text/css" rel="stylesheet"
href="${request.contextPath}/resources/vendors/animate.css/animate.css" />
<link type="text/css" rel="stylesheet"
href="${request.contextPath}/resources/vendors/iCheck/skins/all.css" />
<!--Loading style-->
<link type="text/css" rel="stylesheet"
href="${request.contextPath}/resources/css/themes/style1/pink-blue.css"
class="default-style" />
<link type="text/css" rel="stylesheet"
href="${request.contextPath}/resources/css/themes/style1/pink-blue.css"
id="theme-change" class="style-change color-change" />
<link type="text/css" rel="stylesheet"
href="${request.contextPath}/resources/css/style-responsive.css" />
<link rel="shortcut icon"
href="${request.contextPath}/resources/images/favicon.ico" />
<!-- background:#eeeeee !important; -->
<style>
#signin-page{
background:white !important;
}
/* .header-content{ */
/* background:#eeeeee !important; */
/* } */
</style>
</h:head>
<body id="signin-page">
<h:form style="float: right;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
border-radius: 0;
background: transparent;
padding-top: 17px;
margin-left: 0px;">
<p:commandLink action="#{languageSwitcher.changeLanguage2('en')}" ajax="false" onclick="PF('enCours2').show();" oncomplete="PF('enCours2').hide();" >
<img src="${request.contextPath}/resources/images/imgs/en.png" />
</p:commandLink>
<p:commandLink ajax="false" onclick="PF('enCours2').show();" oncomplete="PF('enCours2').hide();" action="#{languageSwitcher.changeLanguage2('fr')}">
<img src="${request.contextPath}/resources/images/imgs/fr.png" />
</p:commandLink>
<p:commandLink ajax="false" onclick="PF('enCours2').show();" oncomplete="PF('enCours2').hide();" action="#{languageSwitcher.changeLanguage2('ar')}">
<img src="${request.contextPath}/resources/images/imgs/ma.png" />
</p:commandLink>
</h:form>
<div class="page-form">
<h:form id="loginForm">
<div class="header-content">
<h1>
<p:graphicImage style="width:45%;"
value="/resources/images/sensipro_dp.png" />
</h1>
</div>
<p:focus />
<p:messages id="messages" />
<div class="body-content">
<div class="form-group">
<div class="input-icon right">
<i class="fa fa-user"></i>
<h:inputText id="email" value="#{user.email}" required="true"
label="Email" placeholder="Identifiant" name="email"
requiredMessage="Identifiant ou email est requis"
styleClass="form-control" title="Enter your Email!" >
<f:validator binding="#{sizeValidator}" />
</h:inputText>
<p:message for="email" display="icon" />
</div>
</div>
<div class="form-group">
<div class="input-icon right">
<i class="fa fa-key"></i>
<h:inputSecret id="pass" placeholder="Mot de passe"
name="password" styleClass="form-control"
value="#{user.password}" required="true"
requiredMessage="Mot de passe est requis" label="Password"
title="Please enter a password!" >
<f:validator binding="#{sizeValidator}" />
</h:inputSecret>
</div>
</div>
<p:captcha label="Captcha" rendered="true" />
<div class="form-group pull-left">
<div class="checkbox-list">
<label> <input type="checkbox" name="remember-me" />
Se souvenir de moi
</label>
</div>
</div>
<div class="form-group pull-right">
<p:commandLink id="submitButton" styleClass="btn btn-success" ajax="false"
action="confirmSignIn" onsuccess="PF('enCours').hide();" onclick="PF('enCours').show();" update="messages @all">#{msg['signin']} <i
class="fa fa-sign-in"></i>
</p:commandLink>
</div>
<div class="clearfix"></div>
<div class="forget-password">
<h6>Mot de passe oublié ?</h6>
<p>
Veuillez cliquer <a
href="${facesContext.externalContext.requestContextPath}/forgottenPwd.jsf"
class='btn-forgot-pwd'><b>ici</b></a> pour rénitialiser votre mot de
passe.
</p>
</div>
<hr />
</div>
</h:form>
</div>
<p:dialog modal="true" id="guns" widgetVar="enCours" header="En cours"
style="position:fixed;" draggable="false" width="350px"
height="120px" closable="false">
<center>
<p:outputPanel id="mark">
<h:outputLabel value="Authentification en cours..."> </h:outputLabel>
</p:outputPanel>
<p:graphicImage
value="/resources/vendors/pageloader/images/loader100.gif" />
</center>
</p:dialog>
<p:dialog modal="true" id="guns2" widgetVar="enCours2" header="En cours"
style="position:fixed;" draggable="false" width="350px"
height="120px" closable="false">
<center>
<p:outputPanel id="mark2">
<h:outputLabel value="Changement du langue en cours..."> </h:outputLabel>
</p:outputPanel>
<p:graphicImage
value="/resources/vendors/pageloader/images/loader100.gif" />
</center>
</p:dialog>
</body>
</html>
连接
#登录页{
背景：白色！重要；
}
/*.header内容{*/
/*背景：#eeeeee！重要*/
/* } */
德莫伊Se纪念品
#{msg['signin']}
这是什么？
维列兹·克里克先生是一位杰出的企业家
过去。
--编辑--
我使用的是由spring security实现的https
如果有人理解这个问题，请不要犹豫，谢谢。您的验证码标记未设置在任何div中，这就是为什么它未显示以供使用primefaces组件应设置在div或panelgrid表单标记内。
所以应该使用div标签，并根据您的要求设置div位置。
或
还可以使用theme，因为您没有使用theme，所以请使用put secure=“true”。它对我有用我希望它对你有用
<div height="50px" width="130px">
<p:captcha label="Captcha" rendered="true" secure="true" theme="white" >
</div>
您的验证码标记未设置在任何div中，这就是为什么它未显示以供使用primefaces组件应设置在div或panelgrid表单标记内。
所以应该使用div标签，并根据您的要求设置div位置。
或
还可以使用theme，因为您没有使用theme，所以请使用put secure=“true”。它对我有用我希望它对你有用
<div height="50px" width="130px">
<p:captcha label="Captcha" rendered="true" secure="true" theme="white" >
</div>
解决方案是向验证码标签添加secure=“true”
<div height="50px" width="130px">
<p:captcha label="Captcha" rendered="true" secure="true" theme="white"/>
</div>
解决方案是向验证码标签添加secure=“true”
<div height="50px" width="130px">
<p:captcha label="Captcha" rendered="true" secure="true" theme="white"/>
</div>
您是否更新了web.xml中的公钥和私钥？是的，我刚才生成了主题。您是否更新了web.xml中的公钥和私钥？是的，我刚才生成了主题。很抱歉，它不起作用，我想问题与SSL保护有关。如果我在浏览器上禁用它，它会出现，但仍然不起作用：'（…问题是ssl，因为我很难解决，我发布了解决方案，谢谢你的帮助。^^。我修改了我的答案，将安全属性也放在一边。天哪。你已经解决了这个问题，对不起，伙计，我的互联网连接很慢，我这次使用的是android应用程序。因此我延迟了。对不起，我很抱歉，它没有工作，我认为问题与ssl保护有关如果我在浏览器上禁用它，它会出现但仍然不工作：（…问题是ssl，因为我很难解决，我发布了解决方案，谢谢你的帮助^^。我修改了我的答案“放置安全”属性。上帝啊。你已经解决了这个问题，对不起，伙计，我的互联网连接很慢，我这次使用的是android应用程序。因此，我对此表示歉意