Appel de fonction au sein d'un innerHTML
EDIT: J'ai finalement trouvé... une accolade qui trainait dans le fond de mon code... quand je disais que c’était une bêtise :roll:
Bonjour,
J'ai créé une liste de choix avec un affichage dynamique mais je bute sur une bêtise et quand je copie colle mon code dans codepen(en enlevant les cotes php) ça fonctionne alors que sur wampserver ce n'est pas le cas...
Voici la portion de code php que j'utilise pour cette liste
Code:
1
2
3
4
5
6
7
8
9
10
11
12
|
//Affichage dynamique de la liste de choix à l'aide du javascript
echo'<form method="post" action="RecupAdmin.php" id="myForm">
<select name="select" onchange="selectDisplay()" id="selectAdmin">
<option value="0">Veuillez sélectionner une option d\'administration</option>
<option value="1">Charger une image ainsi que sa description</option>
<option value="2">Modifier votre mot de passe</option>
<option value="3">Modifier votre adresse email</option>
</select>
<div id="edit">
</div>
</form>'; |
Et voici mon code javascript, le case 2 est le seul pertinent dans mon message
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
32
33
34
35
36
37
38
39
40
41
42
43
44
| function selectDisplay()
{
switch(document.getElementById('selectAdmin').value)
{
case '1': //Chargement d'une image + description
document.getElementById('edit').innerHTML ='';
document.getElementById('edit').innerHTML += '<p><input type="file" name="file"></p><br>'+
'<p><label for="textareaAdmin">Description de l\'image</label><textarea id="textareaAdmin"></textarea></p><br>'+
'<button type="submit" class="bouton" name="submit" value="toto">Valider</button>';
break;
case '2': //Modification du password
document.getElementById('edit').innerHTML ='';
document.getElementById('edit').innerHTML += '<input type="password" id="password" name="password" PATTERN="[a-zA-Z0-9 \'-éèàêâïîôûëö]{8,45}" placeholder="Password ( 8 à 45 caractères )" required=""><br>'+
'<input type="password" id="password_confirm" name="password_confirm" PATTERN="[a-zA-Z0-9 \'-éèàêâïîôûëö]{8,45}" oninput="check(this)" placeholder="Confirmer" required=""><br>'+
'<button type="submit" class="bouton" name="submit">Valider</button>';
break;
case '3': // Adresse mail
document.getElementById('edit').innerHTML ='';
document.getElementById('edit').innerHTML += '<input type="text" id="mail" PATTERN="[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}" name="mail" placeholder="Votre_adresse@mail.com" required><br>'+
'<button type="submit" class="bouton" name="submit">Valider</button>';
break;
default:
document.getElementById('edit').innerHTML ='';
}
}
//Fonction de vérification pour la confirmation du password
function check(input)
{
if (input.value != document.getElementById('password').value)
{
input.setCustomValidity('Les passwords ne correspondent pas.');
}
else
{
input.setCustomValidity('');
}
} |
Mon soucis actuel se situe au niveau de la vérification du mot de passe, si j'entre 12345678 dans password, et que je commence à taper 987 dans password_confirm il devrait me mettre la bordure rouge ( sous firefox ) et m'indiquer que les 2 passwords ne correspondent pas. Il me le fait sous codepen mais pas sur mon serveur.
J'avoue que je sèche, c'est un appel de fonction javascript au sein d'une fonction javascript, ça doit rouler non? :calim2:
Auriez-vous la gentillesse de m'éclairer?
