学习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语句Aug 04, 2022 am 09:46 AM

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

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

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

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