Comment vérifier si un champ est vide avec jQuery

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

 
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 *