jQuey の return false_javascript トリックを学ぶ
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 の詳細な研究であり、皆さんの研究に役立つことを願っています。
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
7642
15
1392
52
90
11
33
150
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;}}}#出力 上記のコードの出力は、単純に次のように結論付けることができます:finally の前に return が実行されます。バイトコード レベルで何が起こるかを見てみましょう。以下は、case1 メソッドのバイトコードの一部をインターセプトし、ソース コードを比較して、各命令の意味に注釈を付けます。
Vue3 はセットアップ構文シュガーをどのように使用して return の書き込みを拒否しますか
May 12, 2023 pm 06:34 PM
Vue3.2 セットアップ構文シュガーは、単一ファイル コンポーネント (SFC) で結合された API を使用して、Vue3.0 の面倒なセットアップを解決するコンパイル時構文シュガーです。宣言された変数、関数、インポートによって導入されたコンテンツは、インポートによって公開されます。使用上の問題点 1. 宣言した変数、関数、import で導入した内容を使用中に return する必要はなく、糖衣構文を使用することができます。 // 導入した内容をインポート import{getToday }from'./utils'//variable constmsg='Hello !'//function func
JavaScript で return キーワードを使用する
Feb 18, 2024 pm 12:45 PM
JavaScript での return の使用には特定のコード例が必要です。 JavaScript では、return ステートメントを使用して関数から返される値を指定します。関数の実行を終了するために使用できるだけでなく、関数が呼び出された場所に値を返すこともできます。 return ステートメントには次の一般的な用途があります。 値を返す return ステートメントは、関数が呼び出された場所に値を返すために使用できます。簡単な例を次に示します。 functionadd(a,b){
JavaScript関数の戻り値とreturn文の詳しい解説
Aug 04, 2022 am 09:46 AM
JavaScript 関数は、外部と対話するための 2 つのインターフェースを提供し、パラメータは外部情報を受け取る入り口として機能し、戻り値は演算結果を外部にフィードバックする出口として機能します。次の記事では、JavaScript 関数の戻り値を理解し、return ステートメントの使用法を簡単に分析します。
JavaScriptでのreturn文の使い方
Feb 26, 2024 am 09:21 AM
JavaScript で return を使用する方法には、具体的なコード例が必要です。JavaScript では、return は非常に重要なキーワードです。通常、関数の値を返すか、関数の実行を終了するために使用されます。 return ステートメントは、関数の呼び出し元に値を返し、関数の実行を終了するために使用されます。 return ステートメントは関数内のどこでも使用でき、数値、文字列、ブール値などの任意の JavaScript データ型を返すことができます。
Pythonで戻り値を使う方法
Oct 07, 2023 am 11:10 AM
Python の戻り値 return の使い方は、関数が return ステートメントを実行すると、実行が直ちに停止され、関数が呼び出された場所に指定された値が返されます。詳細な使用法: 1. 単一の値を返す; 2. 複数の値を返す; 3. null 値を返す; 4. 関数の実行を早期に終了する。
SpringBoot インターセプターは false を返し、クロスドメインの問題を解決する方法を示します
May 13, 2023 pm 05:10 PM
このプロジェクトは最近、IP ブラックとホワイト リストの機能を追加しました。IP フィルタリング インターセプタが false を返すと、フロント エンドがクロスドメインを表示することがわかりました。MVC 構成クラスを変更しようとした後、まだ機能しないことがわかりました。最後に、インターセプター @OverridepublicbooleanpreHandle に判定を追加しました。(HttpServletRequestrequest,HttpServletResponseresponse,Objecthandler)throwsIOException{//----------これを追加するだけです----------if (!(ハンドラーインスタンス
