學習jQuey中的return false_javascript技巧-js教程-PHP中文網

首頁

web前端

js教程

學習jQuey中的return false_javascript技巧

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 03:24 PM

falsereturn

jQuey中的return false作用是什麼？
在眾多的語句中都有return false的使用，當然對於熟悉它的開發者來說，當然是知根知底，知道此語句的作用，當然也就知道在什麼時候使用此語句，不過對於初學者可能未必掌握的很清晰明了，下面透過實例介紹一下return false語句的作用。
return語句的作用一般是回傳函數值，並不再執行下面的語句，直接跳到函數呼叫的地方，另外還有一個重要的作用，那就是取消預設事件行為的發生。
程式碼實例如下:

<!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能夠阻止瀏覽器的預設行為，例如點擊超連結就會實現網頁跳轉就是瀏覽器的預設行為。下面再看一個表單驗證的範例：

<!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預設是異步的，並且不是在回呼函數內return，而是在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 你需要的結果，不需要結果就不用return；
而在jq中有些特殊的用法，例如$().each(function(){return false;})；
其中如果不return false就會循環所有元素，而如果在其中一次return 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关键字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 函数提供两个接口实现与外界的交互，其中参数作为入口，接收外界信息；返回值作为出口，把运算结果反馈给外界。下面本篇文章带大家了解一下JavaScript函数返回值，浅析下return语句的用法，希望对大家有所帮助！

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

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

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