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 jQueryQCM jQuery – Partie 1QCM sur jQuery avec des réponses pour la préparation des test techniques, des tests en ligne, aux examens et aux certifications. Ces questions et réponses…Lire plus

Partagez cet article

Laisser un commentaire

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