jQuey の return false_javascript トリックを学ぶ-jsチュートリアル-php.cn

ホームページ

ウェブフロントエンド

jsチュートリアル

jQuey の return false_javascript トリックを学ぶ

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 03:24 PM

falsereturn

jQuey の return false の関数は何ですか?
return false は多くのステートメントで使用されており、これに慣れている開発者は、このステートメントの基本と機能を理解していますが、初心者は必ずしもそれを理解しているとは限りません。例を通して return false ステートメントの機能を紹介しましょう。
return ステートメントの機能は通常、関数の値を返し、以降のステートメントを実行するのではなく、関数が呼び出された場所に直接ジャンプすることです。もう 1 つの重要な機能は、デフォルトのイベント動作の発生をキャンセルすることです。
コード例は次のとおりです:

<!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>

上記のコードからわかるように、リンクをクリックしても http://www.jb51.net のホームページにはジャンプしません。これは、return false によってブラウザのエラーが防止されるためです。ハイパーリンクをクリックするなどのデフォルトの動作は、Web ページにジャンプします。これはブラウザのデフォルトの動作です。フォーム検証の別の例を見てみましょう:

<!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>

上記のコードでは、return false ステートメントが各判定ステートメントの最後に追加されます。ユーザー名またはパスワードが空の場合、return false ステートメントがない場合はプロンプトボックスが表示されます。ポップアップが表示されますが、クリックしてフォームを送信することが送信ボタンをクリックするデフォルトのイベント動作であるため、フォームは引き続き送信されます。

では、jquery で return false が機能しないのはなぜでしょうか?解決策はありますか?

次のようにフォーム検証の js コードを書きました:

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;  //为啥不管用捏？
        }
      }
    );
  }

理由: ajax を同期に設定するには、$.ajax を使用する必要があります。$.get はデフォルトで非同期であり、コールバック関数を返す代わりに、CheckUserName 関数で変数を宣言してコールバック関数の戻り値を受け入れると、CheckUserName はこの値を返します。
変更されたコード:

　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、テストしてみましょう!問題ありません!

js/jquery で return をいつ使用するのか、また return false を使用するのか?ここも誰もが混乱するところです。

基本的に、return は関数の結果を返すために使用されます。結果を実行するために必要な結果が必要な場合は、return を行わないでください。 > jq には $().each(function(){return false;}); などの特別な使用法がいくつかあります。 false が返されない場合はすべての要素がループされ、一度 false が返されるとそれ以降の走査は実行されずループから抜け出します。

上記は jQuey における return false の詳細な研究であり、皆さんの研究に役立つことを願っています。

声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

C语言return的用法详解Oct 07, 2023 am 10:58 AM

C语言return的用法有：1、对于返回值类型为void的函数，可以使用return语句来提前结束函数的执行；2、对于返回值类型不为void的函数，return语句的作用是将函数的执行结果返回给调用者；3、提前结束函数的执行，在函数内部，我们可以使用return语句来提前结束函数的执行，即使函数并没有返回值。

Java中return和finally语句的执行顺序是怎样的？Apr 25, 2023 pm 07:55 PM

源码：publicclassReturnFinallyDemo{publicstaticvoidmain(String[]args){System.out.println(case1());}publicstaticintcase1(){intx;try{x=1;returnx;}finally{x=3;}}}#输出上述代码的输出可以简单地得出结论：return在finally之前执行，我们来看下字节码层面上发生了什么事情。下面截取case1方法的部分字节码，并且对照源码，将每个指令的含义注释在

Vue3怎么使用setup语法糖拒绝写returnMay 12, 2023 pm 06:34 PM

Vue3.2setup语法糖是在单文件组件(SFC)中使用组合式API的编译时语法糖解决Vue3.0中setup需要繁琐将声明的变量、函数以及import引入的内容通过return向外暴露,才能在使用的问题1.在使用中无需return声明的变量、函数以及import引入的内容，即可在使用语法糖//import引入的内容import{getToday}from'./utils'//变量constmsg='Hello!'//函数func

详解JavaScript函数返回值和return语句Aug 04, 2022 am 09:46 AM

JavaScript 函数提供两个接口实现与外界的交互，其中参数作为入口，接收外界信息；返回值作为出口，把运算结果反馈给外界。下面本篇文章带大家了解一下JavaScript函数返回值，浅析下return语句的用法，希望对大家有所帮助！

Python返回值return怎么用Oct 07, 2023 am 11:10 AM

Python返回值return用法是当函数执行到return语句时，将立即停止执行，并将指定的值返回给调用函数的地方。详细用法：1、返回单个值；2、返回多个值；3、返回空值；4、提前结束函数的执行。

使用JavaScript中return关键字Feb 18, 2024 pm 12:45 PM

JavaScript中return的用法，需要具体代码示例在JavaScript中，return语句用于指定从函数中返回的值。它不仅可以用于结束函数的执行，还可以将一个值返回给调用函数的地方。return语句有以下几个常见的用法：返回一个值return语句可以用来返回一个值给调用函数的地方。下面是一个简单的示例：functionadd(a,b){

JavaScript中如何使用return语句Feb 26, 2024 am 09:21 AM

JavaScript中return的使用方法，需要具体代码示例在JavaScript中，return是一个非常重要的关键字，它通常用于函数中返回值或结束函数的执行。return语句用于将值返回给函数的调用者，并终止函数的执行。return语句可以在函数的任何位置使用，并且可以返回任何JavaScript数据类型，包括数字、字符串、布尔值、

在Java中，一个方法中的return语句执行后，finally块会被执行吗？Sep 17, 2023 pm 03:05 PM

是的，即使在方法中的return语句之后，finally块也会被执行。Java中无论是否发生异常，finally块都会执行。如果我们在finally块中显式调用System.exit()方法，那么只有它不会被执行。很少有情况不会执行finally，例如JVM崩溃、电源故障、软件崩溃等。除了这些情况外，finally块将始终被执行。示例publicclassFinallyBlockAfterReturnTest{  publicstaticvoidmain(St

See all articles

ホットAIツール

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

脱衣画像を無料で

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

SublimeText3 Mac版

神レベルのコード編集ソフト（SublimeText3）

DVWA

Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、

SecLists

SecLists は、セキュリティテスターの究極の相棒です。これは、セキュリティ評価中に頻繁に使用されるさまざまな種類のリストを 1 か所にまとめたものです。 SecLists は、セキュリティテスターが必要とする可能性のあるすべてのリストを便利に提供することで、セキュリティテストをより効率的かつ生産的にするのに役立ちます。リストの種類には、ユーザー名、パスワード、URL、ファジングペイロード、機密データパターン、Web シェルなどが含まれます。テスターはこのリポジトリを新しいテストマシンにプルするだけで、必要なあらゆる種類のリストにアクセスできるようになります。