Apprenez l'astuce return false_javascript dans jQuey
Quelle est la fonction de return false dans jQuey ?
Return false est utilisé dans de nombreuses instructions. Bien sûr, pour les développeurs qui la connaissent, ils connaissent les bases et la fonction de cette instruction. Bien sûr, ils savent également quand utiliser cette instruction. Cependant, les débutants ne la comprennent pas nécessairement. .C'est très clair.Présentons la fonction de l'instruction return false à travers un exemple.
La fonction de l'instruction return est généralement de renvoyer la valeur de la fonction, et non plus d'exécuter les instructions suivantes, mais de passer directement à l'endroit où la fonction est appelée. Une autre fonction importante est d'annuler l'apparition du comportement d'événement par défaut.
L'exemple de code est le suivant :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>脚本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("a").click(function(){
return false;
})
})
</script>
</head>
<body>
<div id="first">
<div id="second">
<a id="third" href=<a href="http://www.jb51.net">http://www.jb51.net</a>>链接</a>
</div>
</div>
</body>
</html>
Comme le montre le code ci-dessus, après avoir cliqué sur le lien, il ne passe pas à la page d'accueil http://www.jb51.net En effet, le retour false peut empêcher le navigateur par défaut. Un comportement tel que cliquer sur des liens hypertexte permet d'accéder à des pages Web, ce qui est le comportement par défaut du navigateur. Regardons un autre exemple de validation de formulaire :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>脚本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(":submit").click(function(){
if($("#username").val()=="")
{
alert("用户名不能为空!");
$("#username").focus();
return false;
}
if($("#pw").val()=="")
{
alert("密码不能为空!");
$("#pw").focus();
return false;
}
})
})
</script>
</head>
<body>
<form action="http://www.jb51.net" name="myform">
<ul>
<li>用户名:<input type="text" id="username" /></li>
<li>密码:<input type="password" id="pw" /></li>
<li><input type="submit" value="提交表单"></li>
</ul>
</form>
</body>
</html>
Dans le code ci-dessus, une instruction return false est ajoutée à la fin de chaque instruction de jugement. Si le nom d'utilisateur ou le mot de passe est vide, une boîte de dialogue apparaîtra. S'il n'y a pas d'instruction return false, alors la boîte d'invite apparaîtra. apparaîtra, mais le formulaire sera toujours soumis, car cliquer pour soumettre le formulaire est le comportement d'événement par défaut consistant à cliquer sur le bouton Soumettre.
Alors pourquoi renvoyer false dans jquery ne fonctionne pas ?
J'ai écrit un code js de vérification de formulaire comme suit :
function CheckUserName(){
var username = $("#username").val();
$.get("b.php",{ name:username},
function (data){
if(data == 1){
$("#warnning").html("<font color=#FF3300>Account is used.</font>");
return false; //为啥不管用捏？
} else {
$("#warnning").html("<font color=#00CC66>You can register.</font>");
return true; //为啥不管用捏？
}
}
);
}
Raison : La logique n'est pas claire. Pour définir ajax pour qu'il soit synchrone, vous devez utiliser $.ajax $.get qui est asynchrone par défaut et n'est pas dans le cadre. fonction de rappel. Déclarez plutôt une variable dans la fonction CheckUserName pour accepter la valeur de retour de la fonction de rappel, puis CheckUserName renvoie cette valeur.
Code modifié :
function CheckUserName(){
var username = $("#username").val();
var result=false;
$.ajax({async:false//要设置为同步的，要不CheckUserName的返回值永远为false
,url:'b.php',data:{name:username}
,success:function(data){
if(data == 1){
$("#warnning").html("<font color=#FF3300>Account is used.</font>");
result=false;
} else {
$("#warnning").html("<font color=#00CC66>You can register.</font>");
result=true;
}
}});
return result;//==========这里才是CheckUserName的返回值，回调函数返回值没有意义
}
OK ! Testez-le, pas de problème !
Quand utiliser return et quand utiliser return false en js/jquery ? C’est aussi là que tout le monde est confus.
Fondamentalement parlant, return est utilisé pour renvoyer le résultat d'une fonction. Si vous avez besoin d'une fonction pour exécuter le résultat, renvoyez le résultat dont vous avez besoin. Si vous n'avez pas besoin du résultat, ne retournez pas ; >
Il existe des utilisations spéciales dans jq, telles que $().each(function(){return false;});
Si false n'est pas renvoyé, tous les éléments seront bouclés, et si false est renvoyé une fois, le parcours ultérieur ne sera pas effectué et la boucle sera sautée.
Ce qui précède est une étude détaillée du return false dans jQuey. J'espère que cela sera utile à l'étude de chacun.
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
Video Face Swap
Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Explication détaillée de l'utilisation de return en langage C
Oct 07, 2023 am 10:58 AM
L'utilisation de return en langage C est la suivante : 1. Pour les fonctions dont le type de valeur de retour est void, vous pouvez utiliser l'instruction return pour terminer l'exécution de la fonction plus tôt. 2. Pour les fonctions dont le type de valeur de retour n'est pas void, la fonction de ; l'instruction return sert à terminer l'exécution de la fonction.Le résultat est renvoyé à l'appelant ;3. Terminer l'exécution de la fonction plus tôt que prévu.À l'intérieur de la fonction, nous pouvons utiliser l'instruction return pour terminer l'exécution de la fonction plus tôt. si la fonction ne renvoie pas de valeur.
Quel est l'ordre d'exécution des instructions return et enfin en Java ?
Apr 25, 2023 pm 07:55 PM
Code source : publicclassReturnFinallyDemo{publicstaticvoidmain(String[]args){System.out.println(case1());}publicstaticintcase1(){intx;try{x=1;returnx;}finally{x=3;}}}# Sortie La sortie du code ci-dessus peut simplement conclure : return est exécuté avant finalement. Jetons un coup d'œil à ce qui se passe au niveau du bytecode. Ce qui suit intercepte une partie du bytecode de la méthode case1 et compare le code source pour annoter la signification de chaque instruction dans
Comment Vue3 utilise-t-il le sucre syntaxique de configuration pour refuser d'écrire le retour
May 12, 2023 pm 06:34 PM
Le sucre de syntaxe de configuration de Vue3.2 est un sucre de syntaxe au moment de la compilation qui utilise l'API combinée dans un composant de fichier unique (SFC) pour résoudre la configuration lourde de Vue3.0. Les variables, fonctions et contenus déclarés introduits par l'importation sont exposés via. return, afin qu'ils puissent être utilisés dans Vue3.0. Problèmes d'utilisation 1. Il n'est pas nécessaire de renvoyer les variables, fonctions et contenus déclarés introduits par import lors de l'utilisation. Vous pouvez utiliser du sucre syntaxique //importer le contenu introduit import{getToday. }from'./utils'//variable constmsg='Bonjour !'//function func
Utilisez le mot-clé return en JavaScript
Feb 18, 2024 pm 12:45 PM
L'utilisation de return en JavaScript nécessite des exemples de code spécifiques. En JavaScript, l'instruction return est utilisée pour spécifier la valeur renvoyée par une fonction. Non seulement il peut être utilisé pour terminer l’exécution d’une fonction, mais il peut également renvoyer une valeur à l’endroit où la fonction a été appelée. L'instruction return a les utilisations courantes suivantes : Renvoyer une valeur L'instruction return peut être utilisée pour renvoyer une valeur à l'endroit où la fonction est appelée. Voici un exemple simple : functionadd(a,b){
Explication détaillée des valeurs de retour de la fonction JavaScript et des instructions de retour
Aug 04, 2022 am 09:46 AM
Les fonctions JavaScript fournissent deux interfaces pour interagir avec le monde extérieur. Les paramètres servent d'entrée pour recevoir des informations externes ; la valeur de retour sert de sortie pour renvoyer les résultats de l'opération vers le monde extérieur. L'article suivant vous amènera à comprendre la valeur de retour de la fonction JavaScript et à analyser brièvement l'utilisation de l'instruction return. J'espère qu'elle vous sera utile !
Comment utiliser l'instruction return en JavaScript
Feb 26, 2024 am 09:21 AM
Comment utiliser return en JavaScript nécessite des exemples de code spécifiques. En JavaScript, return est un mot-clé très important. Il est généralement utilisé pour renvoyer une valeur dans une fonction ou terminer l'exécution d'une fonction. L'instruction return est utilisée pour renvoyer une valeur à l'appelant de la fonction et terminer l'exécution de la fonction. L'instruction return peut être utilisée n'importe où dans une fonction et peut renvoyer n'importe quel type de données JavaScript, y compris des nombres, des chaînes, des booléens,
Comment utiliser la valeur de retour en Python
Oct 07, 2023 am 11:10 AM
L'utilisation de la valeur de retour Python est que lorsque la fonction exécute l'instruction return, l'exécution s'arrêtera immédiatement et la valeur spécifiée sera renvoyée à l'endroit où la fonction a été appelée. Utilisation détaillée : 1. Renvoie une seule valeur ; 2. Renvoie plusieurs valeurs ; 3. Renvoie une valeur nulle 4. Terminez l'exécution de la fonction plus tôt.
L'intercepteur SpringBoot renvoie false pour montrer comment résoudre les problèmes inter-domaines
May 13, 2023 pm 05:10 PM
Le projet a récemment ajouté une fonction de liste noire et blanche IP. J'ai découvert que si l'intercepteur de filtrage IP renvoie false, le front-end affichera plusieurs domaines. Après avoir essayé de modifier la classe de configuration MVC, j'ai constaté que cela ne fonctionnait toujours pas. . Enfin, j'ai ajouté un jugement à l'intercepteur @OverridepublicbooleanpreHandle. (HttpServletRequestrequest,HttpServletResponseresponse,Objecthandler)throwsIOException{//-----------Ajoutez simplement ceci-----------if. (!(gestionnaireinstanceo
