Comment désactiver tous les inputs dans un formulaire avec jQuery

juillet 3, 2019février 10, 2020 Amine KOUIS Aucun commentaire

Vous pouvez utiliser la méthode prop() de jQuery en combinaison avec le sélecteur :input pour désactiver tous les balises <input>, <textarea>, <select> et <button> d’un formulaire HTML de manière dynamique à l’aide de jQuery. La méthode prop() requiert une version jQuery > 1.6.

Code source :

<!DOCTYPE html>
<html>
	<head>
		<title>Désactiver tous les inputs dans un formulaire</title>
		<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				$("#formulaire :input").prop("disabled", true);
			});
		</script>
	</head>
	<body> 
		<form id="formulaire"> 
		  Username:<br> 
		  <input type="text" name="username"> 
		  <br> 
		  Email id:<br> 
		  <input type="text" name="email_id"> 
		  <br><br> 
		  <input type="submit" value="Submit"> 
		</form>  
	</body> 
</html>