Maison >interface Web >Questions et réponses frontales >Comment réaliser que le contenu de la zone de saisie ne peut pas être vide dans jquery

Comment réaliser que le contenu de la zone de saisie ne peut pas être vide dans jquery

青灯夜游
青灯夜游original
2022-04-28 15:22:333624parcourir

Méthode d'implémentation : 1. Utilisez blur() pour ajouter un événement de perte de focus à la zone de saisie et définissez la fonction de traitement d'événement ; 2. Dans la fonction, utilisez val() pour obtenir le contenu de la zone de saisie et utilisez le " Instruction content==""" Pour déterminer si le contenu de la zone de saisie est vide : 3. S'il est vide, utilisez l'instruction "alert("La zone de saisie ne peut pas être vide");" pour l'inviter.

Comment réaliser que le contenu de la zone de saisie ne peut pas être vide dans jquery

L'environnement d'exploitation de ce tutoriel : système windows7, version jquery1.10.2, ordinateur Dell G3.

jquery implémente la fonction selon laquelle le contenu de la zone de saisie ne peut pas être vide

Idée d'implémentation :

  • Lorsque la zone de saisie perd le focus, obtenez le contenu de la zone de saisie

  • Jugez si le le contenu de la zone de saisie est vide, s'il est vide, une boîte d'avertissement apparaîtra, rappelant que le contenu ne peut pas être vide

Méthode d'implémentation :

  • Utilisez la méthode flou() pour ajouter un focus perdu événement dans la zone de saisie et définissez la fonction de gestionnaire d'événements ;

  • Dans la fonction de gestionnaire, utilisez val() pour obtenir le contenu de la zone de saisie

  • pour déterminer si le contenu de la zone de saisie est vide. caractère

  • Si tel est le cas, alert() vous le demandera.

Exemple de mise en œuvre :

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				 $("input").blur(function() {
					var t=$("input").val();
					if(t==""){
						alert("输入框不能为空");
					}
				});
			});
		</script>
	</head>
	<body>
		<input type="text" />
	</body>
</html>

Comment réaliser que le contenu de la zone de saisie ne peut pas être vide dans jquery

[Apprentissage recommandé : Tutoriel vidéo jQuery, Vidéo web front-end]

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn