comment faire de l'étiquette visible/invisible?
J'ai ces champs de date et heure, et je veux mettre un javascript de validation pour le moment.
Si le format n'est pas valide, il doit faire l'étiquette visible, sinon il doit être invisible.
C'est le code que j'ai jusqu'ici.
<td nowrap="nowrap" align="left">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="right" nowrap="nowrap">
<span id="startDateLabel">Start date/time: </span>
<input id="startDateStr" name="startDateStr" size="8" onchange="if (!formatDate(this,'USA')) {this.value = '';}" />
<button id="startDateCalendarTrigger">...</button>
<input id="startDateTime" type="text" size="8" name="startTime" value="12:00 AM" onchange="validateHHMM(this.value);"/>
<label id="startTimeLabel" visible="false">Time must be entered in the format HH:MM AM/PM</label>
<BR>
<span id="endDateLabel">End date/time: </span>
<input id="endDateStr" name="endDateStr" size="8" onchange="if (!formatDate(this,'USA')) {this.value = '';}" />
<button id="endDateCalendarTrigger">...</button>
<input id="endDateTime" type="text" size="8" name="endTime" value="12:00 AM" onchange="validateHHMM2(this.value);"/>
<label id="endTimeLabel" visible="false">Time must be entered in the format HH:MM AM/PM</label>
</td>
</tr>
</table>
</td>
Le problème est que l'étiquette montre lorsqu'il est chargé, indépendamment de ce que j'ai mis comme visible. J'ai essayé de visibilité = "hidden" et il montre encore en place.
Ici est la partie validation:
<script>
function validateHHMM(inputField) {
var isValid = /^(0?[1-9]|1[012])(:[0-5]\d) [APap][mM]$/.test(inputField.value);
if (isValid) {
document.getElementById("startTimeLabel").style.visibility = "hidden";
}else {
document.getElementById("startTimeLabel").style.visibility = "visible";
}
return isValid;
}
function validateHHMM2(inputField) {
var isValid = /^(0?[1-9]|1[012])(:[0-5]\d) [APap][mM]$/.test(inputField.value);
if (isValid) {
document.getElementById("endTimeLabel").style.visibility = "hidden";
}else {
document.getElementById("endTimeLabel").style.visibility = "visible";
}
return isValid;
}
</script>
Alors, comment dois-je aller à ce sujet? Google affiche les différentes méthodes de validation, mais pas comment masquer/afficher les étiquettes
Vous devez vous connecter pour publier un commentaire.
Vous êtes à la recherche pour l'affichage:
Edit: Vous pouvez également réutiliser facilement votre fonction de validation.
HTML:
Javascript:
DÉMONSTRATION en direct
Changement
visible="false"
àstyle="visibility:hidden"
sur votre tags..ou mieux utiliser une classe pour afficher/masquer les étiquettes..
ensuite sur vos étiquettes ajouter
class="hidden"
et avec votre script de supprimer la classe
et
vous pouvez essayer de
seul de ces lignes
Vous devriez être en mesure de l'obtenir pour cacher/montrer en définissant:
Vous pouvez définir l'affichage de l'attribut comme aucun pour masquer une étiquette.