Vérification champs vides
Bonjour,
J'ai commencé à apprendre le JS, j'ai lu quelques pdf et je me suis lancé sur mon éditeur.
Voici d'abord mon code:
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31
| <!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>exo4</title>
</head>
<body>
<form action="#" onsubmit="return checkEmpty();">
<input type="text" id="idn" /><span id="ern"></span><br />
<input type="text" id="idp" /><span id="erp"></span><br />
<input type="submit" />
</form>
<script type="text/javascript">
function checkEmpty(){
var a = document.getElementById("idn").value;
var b = document.getElementById("idp").value;
var msg1 = "";
var msg2 = "";
if (!a) {
msg1 = "champ vide";
}
if (!b) {
msg2 = "champ vide";
}
document.getElementById("ern").innerHTML = msg1;
document.getElementById("erp").innerHTML = msg2;
return a && b;
}
</script>
</body>
</html> |
Je laisse les deux champs vides pour tester, les deux messages s'affichent en un clin d'oeil et disparaissent, si je veux les voir affichés il faut que je re-clique une deuxième fois.
La question est : Pourquoi faut il que je clique 2 fois?