Comment réaliser que le contenu de la zone de saisie ne peut pas être vide dans jquery-Questions et réponses frontales-php.cn

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

青灯夜游

Libérer： 2022-04-28 15:22:47

original

3634 Les gens l'ont consulté

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>

Copier après la connexion

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