Comment récupérer la valeur d’un textarea avec jQuery

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

Vous pouvez utiliser la méthode val() de jQuery pour récupérer la valeur d’un textarea. Assurez-vous de supprimer tout espace blanc de début et de fin, sinon des résultats inattendus pourraient se produire.

Code HTML :

<!DOCTYPE html>

<html>

<head>

<title>Récupérer la valeur d'un textarea</title>

// Mettez le code jQuery ici

</script>

</head>

<body>

<button type="button">Récupérer la valeur</button>

</body>

</html>

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Récupérer la valeur d'un textarea</title> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script> // Mettez le code jQuery ici </script> </head> <body> <textarea id="val" rows="4" cols="70"></textarea> <button type="button">Récupérer la valeur</button> </body> </html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Récupérer la valeur d'un textarea</title>
		<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
		<script>
			// Mettez le code jQuery ici
		</script>
	</head>
	<body>
		<textarea id="val" rows="4" cols="70"></textarea>
		<button type="button">Récupérer la valeur</button>
	</body>
</html>

Code jQuery :

$(document).ready(function() {

$("button").click(function() {

var val = $.trim($("#val").val());

if (val != "") {

alert(val);

}

});

$(document).ready(function() { $("button").click(function() { var val = $.trim($("#val").val()); if (val != "") { alert(val); } }); });

$(document).ready(function() {
    $("button").click(function() {
        var val = $.trim($("#val").val());
        if (val != "") {
            alert(val);
        }
    });
});