Comment vérifier si un champ est vide avec jQuery

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

Vous pouvez utiliser la méthode val() pour tester ou vérifier si les entrées sont vides dans jQuery.

L’exemple suivant ajoutera un contour rouge autour des inputs si elles sont sélectionnées mais non remplies.

Code source :

<!DOCTYPE html>
<html>
	<head>
		<title>Vérifier si un champ est vide avec jQuery</title>
		<style>
			.error{
				outline: 1px solid #f00;
			}
		</style>
		<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
		<script>
			$(document).ready(function(){
				$('#frm input[type="text"]').blur(function(){
					if(!$(this).val()){
						$(this).addClass("error");
					} else{
						$(this).removeClass("error");
					}
				});
			});
		</script>
	</head>
	<body>
		<form id="frm">
			<p><label>Nom: <input type="text"></label></p>
			<p><label>Prénom: <input type="text"></label></p>
			<p><label>Adresse: <input type="text"></label></p>
		</form>
	</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