[Résolu] Formulaire en html5 - Submit & Reset

Bonjour,
J'ai un formulaire avec la saisie de plusieurs champs.
J'ai 2 boutons, 1 "submit" et 1 "reset", je veux garder les champs après "submit" et les vider
après "reset".
Pour "submit", pas de problème, mais au "reset", je n'arrive pas à les vider.
Comment pourrais-je faire ?
Si quelqu'un a une idée.
Modifié par alecour (25 Apr 2013 - 08:55)

Bonjour,
si tu nous avais montré ton code il serait plus facile de t'aider. Je pense que ton erreur est minime.
Voilà ce que le code à utiliser pour effacer ce qui est écrit dans un formulaire

  <input type="reset" name="reset" value="Effacer" />

ET voilà plusieurs lignes qui pourraient plus t'aider, essaie de les adapter selon tes besoins.

   <fieldset>
        <form i method="post" action="">
            <p>
                <label for="from">Votre e-mail :</label>
                <input type="text" name="from" id="from" value="" />
            </p>
            <p>
                <label for="object">Objet :</label>
                <input type="text" name="object" id="object" value="" />
            </p> 
	
	
   <center>
   	<p class="dessous">	

       <legend><strong>Message</strong></legend>			
            <p>
                <label for="message"></label>
                <textarea name="message" id="message" rows="20" cols="60"></textarea>
            </p>
            <p>
                <input type="reset" name="reset" value="Effacer" />
                <input type="submit" name="send" value="Envoyer" />
            </p>
        </form>
		
</fieldset>	</p>
</center>


</form>

Bonjour,
Ci-dessous mon code :

<div class="envoi">
				<h2 id="h2">Calcul de la date par rapport à un délai</h2>
			</div>
			<hr>
			<form action="delai.php" method="post">
				<div class="input text required">
					<label id="label" for="date">Date</label><br><br>
					<input id="date" name="date" maxlength="10" type="text" value="<?php if(!empty($_POST['date'])): echo htmlspecialchars($_POST['date']); endif; ?>" />
					<span class="error-message"></span>
				</div><br><br>
				<div class="input text required">
					<label id="label1" for="jour">+ - Nb jour(s)</label>
					<input id="jour" name="jour" maxlength="5" type="text" value="<?php if(!empty($_POST['jour'])): echo htmlspecialchars($_POST['jour']); endif; ?>" />
					<div class="error-message errjour"></div>
				</div>
				<div class="input text required">
					<label id="label2" for="mois">+ - Nb Mois</label>
					<input id="mois" name="mois" maxlength="5" type="text" value="<?php if(!empty($_POST['mois'])): echo htmlspecialchars($_POST['mois']); endif; ?>" />
					<div class="error-message errmois"></div>
				</div>
				<div class="input text required">
					<label id="label3" for="annee">+ - Nb annee</label>
					<input id="annee" name="annee" maxlength="5" type="text" value="<?php if(!empty($_POST['annee'])): echo htmlspecialchars($_POST['annee']); endif; ?>" />
					<div class="error-message errann"></div>
				</div>
				<div class="submit reset">
					<input type="submit" value="Envoyer" id="envoyer"/><input type="reset" value="Effacer" id="reset" />
				</div>
			</form>

Mon souci est "reset"
J'ai également un script de contrôle :

jQuery(function($) {
    $("#envoyer").click(function() {
        $date = $('#date');
		$day = $date.val();
		$wjour = $day.substring(0,2);
		$wmois = $day.substring(3,5);
		$wanne = $day.substring(6,10);
		isLeapYear = $wanne % 4 == 0 && $wanne % 100 != 0 || $wanne % 400 == 0;
        $error = $date.next(".error-message");
        valid = true;
        if($day == "") {
            $error.fadeIn().html("Veuillez renseigner la date");
            valid = false;
        }
        else if(!$day.match(/^[0-9]{2}[.][0-9]{2}[.][0-9]{4}$/i)){
            $error.fadeIn().html('La date <span style="color: darkblue;">'+$day+'</span> n\'est pas dans le bon format');
            valid = false;
        }
		else if($wmois > "12" || $wmois <= "00"){
			$error.fadeIn().html('Le mois doit être compris entre <span style="color: darkblue;">01</span> et <span style="color: darkblue;">12</span>');
            valid = false;
		}
		else if(isLeapYear & ($wmois == "02" & $wjour > "29")){
			$error.fadeIn().html('La date <span style="color: darkblue;">'+$day+'</span> n\'est pas une date valide');
            valid = false;
		}
		else if(!isLeapYear & ($wmois == "02" & $wjour > "28")){
			$error.fadeIn().html('La date <span style="color: darkblue;">'+$('#date').val()+'</span> n\'est pas une date valide');
            valid = false;
		}
		else if((($wmois == "01" || $wmois == "03" || $wmois == "05" || $wmois == "07" || $wmois == "08" || $wmois == "10" || $wmois == "12") & $wjour > "31") 
		|| (($wmois == "04" || $wmois == "06" || $wmois == "09" || $wmois == "11") & $wjour > "30")){
			$error.fadeIn().html('La date <span style="color: darkblue;">'+$('#date').val()+'</span> n\'est pas une date valide');
            valid = false;
		}
		else{
            $error.fadeOut();
        }
		if($('#jour').val() == "") {
			$('#jour').next('.error-message').fadeIn().html("Nb jour obligat.");
            valid = false;
		}
		else {
			$('#jour').next('.error-message').fadeOut()
		}
		if($('#mois').val() == "") {
			$('#mois').next('.error-message').fadeIn().html("Nb mois obligat.");
            valid = false;
		}
		else {
			$('#mois').next('.error-message').fadeOut()
		}
		if($('#annee').val() == "") {
			$('#annee').next('.error-message').fadeIn().html("Nb annee obligat.");
            valid = false;
		}
		else {
			$('#annee').next('.error-message').fadeOut()
		}
		return valid;
	});
	$("#reset").click(function() {
		$("#rdate").fadeOut();
		$("#date").val().fadeOut();
		$("#date").next(".error-message").fadeOut();
		$("#jour").next(".error-message").fadeOut();
		$("#mois").next(".error-message").fadeOut();
		$("#annee").next(".error-message").fadeOut();
	});
});

Modifié par alecour (25 Apr 2013 - 10:47)

Merci à tous,
J'ai trouvé ce que je cherchais.
Il suffisait de réinitialiser le formulaire avec le bouton "reset" comme suit :

<input type="reset" value="Effacer" id="reset" onclick="location.href='exemple'" />

exemple : onclick="location.href='http://www.monsite.com/formulaire.php'