您好,我在红色框内进行了测验,因此当用户未回答问题时,将出现红色框,表明他应检查自己的选择。
这就是我得到的:
代码源:
<web:form title="fmain" id="fmain" class="cadre question"
action="/outil/UWMI/Accueil/restituerQuestion"
method="POST">
<web:grid-column size="24">
<!-- Formulaire -->
<!-- Titre de l'étape -->
<%-- <c:if test="${clientMif.bloc.nbreQuestion == '1'}">
</c:if> --%>
<div class="cadre question">
<div
class="cadreEntete cadreEnteteCase questionEnteteNumero cadreEnteteMIF">
<div id="enteteMIFTextParent">
<div id="enteteMIFTextChild">
<c:out value="${clientMif.bloc.titre}" escapeXml="false" />
</div>
</div>
</div>
<div id="divErreurSaisie" class="noanswerfoundframe">
<div class="cadreCorps"
style="display: inline-block; padding-left: 0px;">
<c:set var="question" value="${clientMif.bloc.questionCourante}" />
<web:grid-column size="23" push="1">
<div id="titreConfirm">
<p>
<c:out value="${question.libelleQuestion}" escapeXml="false" />
</p>
</div>
</web:grid-column>
<c:choose>
<c:when test="${question.type =='BV'}">
<c:forEach var="questReponse" items="${question.reponses}">
<web:grid-column size="23" push="1">
<div class="questionRadio questionRadioMIF">
<input type="radio" id="${questReponse.id}"
name="${question.idQuestion}" value="${questReponse.id}"
class="questionRadioCheck"
${questReponse.selected eq 'oui' ? 'checked' : ''} />
<div class="questionRadioCheck"></div>
<label for="${questReponse.id}"> <c:out
value="${questReponse.libelle}" escapeXml="false" />
</label>
</div>
</web:grid-column>
</c:forEach>
</c:when>
</c:choose>
</div>
</div>
<span id="spanErreurSaisie" class="noanswerfoundtext">Merci de sélectionner votre choix</span>
</div>
</div>
<!-- BoutonsFormulaire -->
<div class="piedNavBoutons">
<button id="btnPrecedent" type="button"
class="bouton boutonNav boutonClair"
onclick="afficherQuestionPrecedente()">Précédent</button>
<button type="submit" class="bouton boutonNav">Suivant</button>
</div>
</web:grid-column>
</web:form>
以下类绘制红色框:
.noanswerfoundframe {
margin-top: 30px;
margin-right: 20px;
margin-bottom: 20px;
margin-left: 20px;
border: 1px solid #D90000;
}
以下div表示红色矩形:
<script type="text/javascript">
$(document).ready(function () {
init();
function init() {
hideMsgErr();
//gererVisibiliteBouttonPrecedent();
}
function hideMsgErr() {
jQuery("#divErreurSaisie").hide();
jQuery("#spanErreurSaisie").hide();
}
});
问题是在加载页面时,从 init()块调用 hideMsgErr()方法,因此问题未显示如下。
那么如何从皮革中排除内部div?