Discussion :

[laurentSc]

Bonjour,
mon problème est celui indiqué dans le titre. J'ai simplifié le formulaire en n'y laissant un seul bouton radio mais le problème reste (la case cochée reste cochée après appui sur bouton reset). Merci de l'aide :

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<h1>Diagnostic immobilier</h1>
<form method="post" action="">
 
            <legend><span style="color: red;">*</span>type du logement :</legend>
            <div>
                <input type="radio" id="maison" name="m_a" value="maison" <?php if((isset($_POST['m_a']))&&(($_POST['m_a'])=='maison')){
                    echo 'checked="checked"';}?> />
                <label for="maison">maison</label>
            </div>
 
            <div>
                <input type="radio" id="appartement" name="m_a" value="appartement" <?php if((isset($_POST['m_a']))&&(($_POST['m_a'])=='appartement')){
                    echo 'checked="checked"';}?>/>
                <label for="appartement">appartement</label>
            </div><br/>
 
            <input type="submit" name="calc_prix" value="Envoyer">
            <input type="reset" name="reset" value="reset"/>
 
        </form><br/>
 
<?php
if (isset($_POST['reset'])) {
    unset($_POST);
}
if (isset($_POST['calc_prix'])) {
    $price = ((isset($_POST['m_a']))
        && ($_POST['m_a'] == "maison")) ? 110 : 95;
 
    echo "Le prix est ".$price."<br/>";
}
?>

[Séb.]

Le bouton reset ne décoche pas, il remet dans l'état initial du formulaire.

Si initialement la case était cochée, alors elle le restera.

[laurentSc]

OK
ce que je souhaite, c'est vider tous les champs et décocher les boutons radio et checkbox. Peut-on faire cela et comment ?

[cavo789]

Reprends ton code php, tu forces que le champ soit coché si la condition est remplie.

Si reset ne doit pas réinitialiser (et donc recocher la case puisque c'est l'état initial de ton formulaire n'est-ce pas), un petit bout de javascript devrait faire l'affaire.

(j'ai l'impression que tu avais déjà posté une telle question il y a quelques mois...)

[laurentSc]

(j'ai l'impression que tu avais déjà posté une telle question il y a quelques mois...)

C'est possible, mais ayant une mémoire lamentable (au point que si tu me demandes ce que j'ai fait y a 10 secondes, je suis incapable de répondre (le plus souvent), ça s'explique...)

Je vais tenter un bout de javascript et je reviens.

[cavo789]

Fonction rechercher sur le forum : https://www.developpez.net/forums/d2...ps-formulaire/

(ben dis donc, pourquoi cela m'était-il resté en mémoire ?)

[CosmoKnacki]

Vider les champs textes, décocher les checkboxs OK. Par contre je trouve curieux de vouloir "décocher" tous les boutons de radio: un ensemble de boutons de radio est censé représenter un choix d'options mutuellement exclusives donc il devrait toujours y avoir une option choisie par défaut et donc un bouton de radio "coché" par défaut (l'état initial du formulaire) et ce contrairement à un select qui lui permet plus de marge (choix unique, choix multiple, pas de choix), non?

[Toufik83]

Bonjour,

Vous pouvez aussi utiliser un <a class="reset" href="<?=$_SERVER['REQUEST_URI'];?>"> et le styler en CSS pour avoir l'apparence d'un bouton et utiliser l'attribut href redirigeant vers la même page.

Sinon, la réinitialisation automatique est le choix le plus propre, parce qu'il y'a un autre problème, si vous réactualisez la page après avoir soumettre le formulaire, le navigateur vous force de soit renvoyer les données encore une fois ou bien annuler.

Pour éviter ceci il faut que la validation du formulaire passe par 2 étapes, la première envoie les données depuis la page du formulaire vers une page de traitement, et cette dérnière traite les choses et retourne les données traitées vers la page du formulaire, la page de traitement doit gérer par exemple un message de confirmation "confirmMsg" et d'autres variables comme "formSubmitted" qui indique que le formulaire a été soumis, et "errors" pour gérer les erreurs, puis utilisez ces variables dans les conditions permettant de cocher/décocher les éléments en question.

J'ai trouvé aussi une réponse qui me parrait magique sur StackOverflow qui parle d'un script JS <script>history.pushState({}, "", "")</script> pour empêcher le navigateur de renvoyer les données soumises lorsqu'on actualise la page.

[laurentSc]

Vider les champs textes, décocher les checkboxs OK. Par contre je trouve curieux de vouloir "décocher" tous les boutons de radio: un ensemble de boutons de radio est censé représenter un choix d'options mutuellement exclusives donc il devrait toujours y avoir une option choisie par défaut et donc un bouton de radio "coché" par défaut (l'état initial du formulaire) et ce contrairement à un select qui lui permet plus de marge (choix unique, choix multiple, pas de choix), non?

En effet ; je suis d'accord avec toi.