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

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>
Résultat
Désactiver tous les inputs dans un formulaire
Username:
Email id:
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 *