Comment réinitialiser un formulaire avec jQuery

juillet 7, 2019février 10, 2020 Amine KOUIS Aucun commentaire vider input 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
Nom: Prénom: Adresse:

QCM 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