Comment réinitialiser un formulaire avec jQuery

Dans ce tutoriel vous allez découvrir comment réinitialiser un formulaire avec jQuery en utilisant la méthode trigger() pour déclencher la méthode reset() de JavaScript, comme illustré dans l’exemple ci-dessous:
 
 

Code source :
<!DOCTYPE html>
<html>
	<head>
		<title>Réinitialiser un formulaire</title>
		<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
		<script>
			$(document).ready(function(){
				$(".reset").click(function(){
					$("#frm").trigger("reset");
				});
			});
		</script>
	</head>
	<body>
		<form action="run.php" method="post" id="frm">
			<p><label>Nom:</label> <input type="text" name="nom"></p>
			<p><label>Prénom:</label> <input type="text" name="prenom"></p>
			<p><label>Adresse:</label> <input type="text" name="adresse"></p>
		</form>
		<button type="button" class="reset">Réinitialiser le formulaire</button>
	</body>
</html>
Résultat

 
QCM jQuery

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *