js中return false(阻止)的用法
更新时间:2013年08月14日 09:36:30 作者:
return false 阻止表单提交不起的问题困扰我很久,关于onsubmit=return false有以下几点要注意的地方,感兴趣的各位可以参考下
return false 阻止表单提交不起今天这个问题困扰了我很久,在网上找了很多资料,基本上关于onsubmit=return false有以下几点要注意的地方:
1. return 的返回值问题,函数中return一旦有返回值,就不在执行下面的语句,直接跳到函数调用的地方。如下PHP函数代码,第一个if条件符合则函数值返回布尔型false,可以返回一个函数的值,并且跳出这个函数;只要遇到return语句,程序就在那一行代码停止执行,执行控制将立刻返回到调用该程序的代码处。
function chkinput(form)
{
if(form.title.value=="")
{
alert("请输入文章标题!");
form.title.select();
return false; //注意不能写成 return(false); 2009.12.15
}
if(form.content.value=="")
{
alert("文章正文不能为空@!!");
form.content.select();
return false;
}
return true;
}
2.form的onsubmit属性的触发问题,onsubmit 事件什么时候触发?onsubmit 事件会在表单中的确认按钮被点击时发生。不触发的原因有一般如下:
A. onsubmit属性的触发时机是在form用input:submit这样的button提交时才会触发,否则不会触发。如果是用一个普通input:button,则在onclick属性中指定一个javascript函数,在这个函数里面再执行form的submit()函数,而不是onsubmit属性。
B. 先看一段代码:
<formaction="index.jsp"method="post"onsubmit="submitTest();">
<INPUTvalue="www">
<inputtype="submit"value="submit">
</form><SCRIPT LANGUAGE="JavaScript">
<!--
function submitTest() {
// 一些逻辑判断returnfalse;
}
//--></SCRIPT>
点击submit按钮该表单并未提交。因为有一处应该改为(红色字体) <formaction="index.jsp"method="post"onsubmit="returnsubmitTest();">
原来onsubmit属性就像是<form>这个html对象的一个方法名,其值(一字符串)就是其方法体,默认返回true;
和Java一样,在该方法体中你可以写任意多个语句,包括内置函数和自定义函数。
在这里submitTest()虽然返回false,但我们只执行了此函数,没有对其结果进行任何处理。
而onsubmit="return submitTest()利用到了它的返回值,达到了预期效果。
3.事件处理函数返回false的问题,在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为.
例如,默认情况下点击一个<a>元素,页面会跳转到该元素href属性指定的页.
Return False 就相当于终止符,Return True 就相当于执行符。
在js中return false的作用一般是用来取消默认动作的。比如你单击一个链接除了触发你的
onclick时间(如果你指定的话)以外还要触发一个默认事件就是执行页面的跳转。所以如果
你想取消对象的默认动作就可以return false。return false应用比较多的场合有:
<body>
1, <a href="/" mce_href="/" onclick='test();'>超级链接 </a>
2, <input type="button" onclick='test()' value="提交">
3, <form name="form1" onsubmIT="return test();">
内容
<input type="submIT" value="提交">
</form>
</body>
<input type="submit" onclick="submitAction(); return false;" />
submitAction 方法里面有提交表单的动作。如果不加 return false,
在执行完 submitAction 之后,submit 按钮还会继续执行它的默认事件,就会再次提交表单。这可能就是很多错误的根源。
的确,return false的含义不是阻止事件继续向顶层元素传播,而是阻止浏览器对事件的默认处理。你可以这样试验:
首先将所有的js脚本注释掉,在IE浏览器中尝试拖动一下图片,你会发现鼠标会成为禁止操作的样式,图片是被禁止拖动的,它是浏览器针对mousemove事件所提供的默认行为。
return false就是为了去掉这种行为,否则就会出现你描述的中断事件连续执行。
另外,和return false等效的语句为:
window.event.returnValue = false,
你可以把return false替换为此语句并进行验证。
最后说明一下,此种方式只适用于IE浏览器。
在js中return false的作用一般是用来取消默认动作的。比如你单击一个链接除了触发你的
onclick时间(如果你指定的话)以外还要触发一个默认事件就是执行页面的跳转。所以如果
你想取消对象的默认动作就可以return false。return false应用比较多的场合有:
<form name="form1" onsubmit="return youfunction();">...... </form>
<a href="www.***.com" onclick="...;return false;">dddd </a>
1. return 的返回值问题,函数中return一旦有返回值,就不在执行下面的语句,直接跳到函数调用的地方。如下PHP函数代码,第一个if条件符合则函数值返回布尔型false,可以返回一个函数的值,并且跳出这个函数;只要遇到return语句,程序就在那一行代码停止执行,执行控制将立刻返回到调用该程序的代码处。
复制代码 代码如下:
function chkinput(form)
{
if(form.title.value=="")
{
alert("请输入文章标题!");
form.title.select();
return false; //注意不能写成 return(false); 2009.12.15
}
if(form.content.value=="")
{
alert("文章正文不能为空@!!");
form.content.select();
return false;
}
return true;
}
2.form的onsubmit属性的触发问题,onsubmit 事件什么时候触发?onsubmit 事件会在表单中的确认按钮被点击时发生。不触发的原因有一般如下:
A. onsubmit属性的触发时机是在form用input:submit这样的button提交时才会触发,否则不会触发。如果是用一个普通input:button,则在onclick属性中指定一个javascript函数,在这个函数里面再执行form的submit()函数,而不是onsubmit属性。
B. 先看一段代码:
复制代码 代码如下:
<formaction="index.jsp"method="post"onsubmit="submitTest();">
<INPUTvalue="www">
<inputtype="submit"value="submit">
</form><SCRIPT LANGUAGE="JavaScript">
<!--
function submitTest() {
// 一些逻辑判断returnfalse;
}
//--></SCRIPT>
点击submit按钮该表单并未提交。因为有一处应该改为(红色字体) <formaction="index.jsp"method="post"onsubmit="returnsubmitTest();">
原来onsubmit属性就像是<form>这个html对象的一个方法名,其值(一字符串)就是其方法体,默认返回true;
和Java一样,在该方法体中你可以写任意多个语句,包括内置函数和自定义函数。
在这里submitTest()虽然返回false,但我们只执行了此函数,没有对其结果进行任何处理。
而onsubmit="return submitTest()利用到了它的返回值,达到了预期效果。
3.事件处理函数返回false的问题,在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为.
例如,默认情况下点击一个<a>元素,页面会跳转到该元素href属性指定的页.
Return False 就相当于终止符,Return True 就相当于执行符。
在js中return false的作用一般是用来取消默认动作的。比如你单击一个链接除了触发你的
onclick时间(如果你指定的话)以外还要触发一个默认事件就是执行页面的跳转。所以如果
你想取消对象的默认动作就可以return false。return false应用比较多的场合有:
复制代码 代码如下:
<body>
1, <a href="/" mce_href="/" onclick='test();'>超级链接 </a>
2, <input type="button" onclick='test()' value="提交">
3, <form name="form1" onsubmIT="return test();">
内容
<input type="submIT" value="提交">
</form>
</body>
<input type="submit" onclick="submitAction(); return false;" />
submitAction 方法里面有提交表单的动作。如果不加 return false,
在执行完 submitAction 之后,submit 按钮还会继续执行它的默认事件,就会再次提交表单。这可能就是很多错误的根源。
的确,return false的含义不是阻止事件继续向顶层元素传播,而是阻止浏览器对事件的默认处理。你可以这样试验:
首先将所有的js脚本注释掉,在IE浏览器中尝试拖动一下图片,你会发现鼠标会成为禁止操作的样式,图片是被禁止拖动的,它是浏览器针对mousemove事件所提供的默认行为。
return false就是为了去掉这种行为,否则就会出现你描述的中断事件连续执行。
另外,和return false等效的语句为:
window.event.returnValue = false,
你可以把return false替换为此语句并进行验证。
最后说明一下,此种方式只适用于IE浏览器。
在js中return false的作用一般是用来取消默认动作的。比如你单击一个链接除了触发你的
onclick时间(如果你指定的话)以外还要触发一个默认事件就是执行页面的跳转。所以如果
你想取消对象的默认动作就可以return false。return false应用比较多的场合有:
复制代码 代码如下:
<form name="form1" onsubmit="return youfunction();">...... </form>
<a href="www.***.com" onclick="...;return false;">dddd </a>
您可能感兴趣的文章:
- JavaScript跳出循环的三种方法(break, return, continue)
- 浅析JavaScript中break、continue和return的区别
- javascript中break,continue和return语句用法小结
- javaScript如何跳出多重循环break、continue
- JavaScript Break 和 Continue区别教程
- javascript中关于break,continue的特殊用法与介绍
- Javascript基础教程之break和continue语句
- Javascript中的return作用及javascript return关键字用法详解
- javascript中return,return true,return false三者的用法及区别
- JS中实现函数return多个返回值的实例
- 一道优雅面试题分析js中fn()和return fn()的区别
- JavaScript中break、continue和return的用法区别实例分析
相关文章
Jquery下的26个实用小技巧(jQuery tips, tricks & solutions)
前段时间发布了Jquery类库1.4版本,使用者也越来越多,为了方便大家对Jquery的使用,下面列出了一些Jquery使用技巧。2010-03-03分享精心挑选的12款优秀jQuery Ajax分页插件和教程
在这篇文章中,我为大家收集了12个基于 jQuery 框架的 Ajax 分页插件,这些插件都提供了详细的使用教程和演示2012-08-08
最新评论