jQuey中的return false作用是什么?
jQuey中的return false作用是什么?
在众多的语句中都有return
false的使用,当然对于熟悉它的开发者来说,当然是知根知底,知道此语句的作用,当然也就知道在什么时候使用此语句,不过对于初学者可能未必掌握的很清晰明了,下面通过实例介绍一下return
false语句的作用。
return语句的作用一般是返回函数值,并不再执行下面的语句,直接跳到函数调用的地方,另外还有一个重要的作用,那就是取消默认事件行为的发生。
代码实例如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
<!DOCTYPE html> < html > < head > < meta charset = "utf-8" > < 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" > </ div > </ div > </ body > </ html > |
从以上代码可以看出,点击链接之后并没有跳转到http://www.jb51.net首页,这是因为return
false能够阻止浏览器的默认行为,比如点击超链接就会实现网页跳转就是浏览器的默认行为。下面再看一个表单验证的例子:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
|
<!DOCTYPE html> < html > < head > < meta charset = "utf-8" > < 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 > < 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代码如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
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返回这个值。
修改后的代码:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
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进行的详细学习,希望对大家的学习有所帮助。
jQuey中的return false作用是什么?的更多相关文章
- [转!]jQuey中的return false作用是什么
jQuey中的return false作用是什么: 在众多的语句中都有return false的使用,当然对于熟悉它的开发者来说,当然是知根知底,知道此语句的作用,当然也就知道在什么时候使用此语句,不 ...
- jquery 中的 return false 不起作用
jquery 中的 return false 不起作用 $(".lcId").each(function(e) { if ($(this).attr("checked& ...
- javascript中的 return false和return true
关于javascript中的 return false和return true,return 是javascript里函数返回值的关键字,一个函数内处理的结果可以使用return 返回,这样在调用函数 ...
- JavaScript 回调函数中的 return false 问题
今天一个同事问了我一个问题,就是在 Ajax 方法中,请求成功后(success)的回调函数中根据响应的值来判断程序是否继续执行,他不解的是在回调函数中已经 return false 了,但是 Aja ...
- a链接的onclick与js中的return false
在学习<javascript基础教程>第八版时,有一个小细节开始不是很明白,查了一些资料后,理了一下思路. 例子的html代码: <!DOCTYPE html> <htm ...
- js中的 return false;
总的来说return false 的作用就是阻止事件的默认行为 1. function check() { if(form.title.value=="") { alert(&qu ...
- jQuery中的 return false, e.preventDefault(), e.stopPropagation()的区别
e.stopPropagation()阻止事件冒泡 <html><head> <title></title> <script sr ...
- jquery click事件中的return false
提交表单数据时设定了type="submit"属性,单击提交按钮后会默认刷新页面 但是在使用jquery的click事件时没出现跳转 $('button').click(funct ...
- mousedown(function(){ return false; })作用
mousedown(function(){ return false;}); 阻止浏览器的默认行为. 比如a你加个空连接,可能会在当前页跳转, 你加了这句,就可以阻止a跳转,然后只执行js函数的代 ...
随机推荐
- [Codeforces 482A] Diverse Permutation
[题目链接] https://codeforces.com/contest/482/problem/A [算法] 首先构造一个(k + 1)个数的序列 , 满足它们的差为1-k 对于i > k ...
- JSP-Runoob:JSP 结构
ylbtech-JSP-Runoob:JSP 结构 1.返回顶部 1. JSP 结构 网络服务器需要一个 JSP 引擎,也就是一个容器来处理 JSP 页面.容器负责截获对 JSP 页面的请求.本教程使 ...
- ssh使用秘钥文件连接提示WARNING: UNPROTECTED PRIVATE KEY FILE!(转载)
转自:http://www.01happy.com/ssh-unprotected-private-key-file/ 在centos 6.4下使用ssh连接远程主机时,用的是另外一个密钥,需要用-i ...
- Linux下 FACL详解
1. 什么是ACL ACL即Access Control List 主要的目的是提供传统的owner,group,others的read,write,execute权限之外的具体权限设置 ACL可以针 ...
- bzoj 1664: [Usaco2006 Open]County Fair Events 参加节日庆祝【dp+树状数组】
把长度转成右端点,按右端点排升序,f[i]=max(f[j]&&r[j]<l[i]),因为r是有序的,所以可以直接二分出能转移的区间(1,w),然后用树状数组维护区间f的max, ...
- redis简介及常见问题
目录 简介 特点 优点 高性能 高并发 为什么要用 redis 而不用 map/guava 做缓存? redis 和 memcached 的区别 Redis快的原因 为什么redis是单线程 为什么r ...
- svn报错:Cannot negotiate authentication mechanism
在使用eclipse的svn插件连接osc的代码仓库时候,发生了以下错误: Cannot negotiate authentication mechanismsvn: Unable to connec ...
- 【SpringMVC框架】非注解的处理器映射器和适配器
参考来源: http://blog.csdn.net/acmman/article/details/46968939 处理器映射器就是根据URL来找Handler,处理器适配器就是按照它要求的 ...
- 242 Valid Anagram 有效的字母异位词
给定两个字符串 s 和 t ,编写一个函数来判断 t 是否是 s 的一个字母异位词.例如,s = "anagram",t = "nagaram",返回 true ...
- Linux shell命令之cat
cat:查看文件的内容.连接文件.创建一个或多个文件和重定向输出到终端或文件 用法:cat [选项] [文件] 1. $ cat hello.txt 显示hello.txt文本文件中的内容 2. $ ...