- 浏览: 115653 次
- 性别:
- 来自: 合肥
文章分类
- 全部博客 (86)
- Web Page (23)
- Java (5)
- Web Security (7)
- Cache (0)
- Message (0)
- CAS (3)
- 开源系统 (2)
- my systems (2)
- Apache Chemistry and Jackrabbit (1)
- Jquery (1)
- spring (8)
- 虚拟主机部署 (3)
- ORM (3)
- myeclipse eclipse (5)
- full index (1)
- 公式编辑器 (1)
- 网页编辑器 (1)
- junit4 (1)
- 飞鸽传书 (1)
- centos install (1)
- maven (1)
- hibernate (1)
- tomcat (5)
- eclipse (4)
- 工具 (1)
- mysql (2)
- tomcat jndi + spring配置 (1)
- goagent (0)
- html video (1)
- ckeditor (0)
- getResourceAsStream (1)
- online education project (1)
- Mac (1)
- Chrome (1)
- dev-tool (1)
最新评论
-
107x:
谢谢分享
Eclipse下使用maven开发web项目 -
a604346146:
如果你关闭该界面时,session没有注销,你不能再登录进去, ...
spring security 同步session控制 -
Jekey:
...
已有windows 7下硬盘安装CentOS 6.x
摘自:http://jackaudrey.blog.163.com/blog/static/131421788201058115358285/
onsubmit=return false阻止form表单提交javascript_1
2010-06-08 23:53:58 | 分类: JavaScript | 字号 订阅
return false 阻止表单提交不起今天这个问题困扰了我很久,在网上找了很多资料,基本上关于onsubmit=return false有以下几点要注意的地方:
1. return 的返回值问题 , 函数中return一旦有返回值,就不在执行下面的语句,直接跳到函数调用的地方。如下PHP函数代码,第一个if条件符合则函数值返回布尔型 false,可以返回一个函数的值,并且跳出这个函数;只要遇到return语句,程序就在那一行代码停止执行,执行控制将立刻返回到调用该程序的代码 处。
{
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. 先看一段代码:
< form action =" index.jsp " method =" post " onsubmit =" submitTest(); "> < INPUT value =" www "> < input type =" submit " value =" submit "> </ form>
<SCRIPT LANGUAGE="JavaScript">
<!--
function submitTest() {
//
一些逻辑判断return
false
;
}
/
/-->
</
SCRIPT>
点击submit按钮该表单并未提交。因为有一处应该改为(红色字体)
< form action =" index.jsp " method =" post " onsubmit =" return submitTest(); ">
原来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应用比较多的场合有:
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应用比较多的场合有:
<a href="www.***.com" onclick="...;return false;">dddd </a>
发表评论
-
CSS 的 margin 很困難
2014-04-21 14:24 1479转自:http://xxxxxly.in/posts/ ... -
禁止浏览器自动填充用户名密码
2014-02-18 22:37 883有时页面字段不希望浏览器自动填充用户名和密码,可以在< ... -
Struts标签中的字符串格式化输出
2013-07-11 08:49 1100转自: http://blog.csdn.net/bzkfn ... -
Eclipse下使用maven开发web项目
2012-07-17 09:37 2147摘抄自: http://www.noday.net/artic ... -
eclipse下struts的maven项目报 Missing artifact com.sun:tools:jar错
2012-07-11 17:51 1802如果项目中使用struts2和mave, 则pom文件可能如下 ... -
防止表单自动提交,以及submit和button提交表单的区别
2011-12-01 01:21 6407转自:http://jackaudrey.blog ... -
Iframe 自适应3
2011-11-30 20:27 878Iframe跨域自适应高度(兼容IE/Fi ... -
ckeditor中文文档——开发者文档(3)配置--配置设置
2011-11-30 13:58 1924---- 摘自:http://blog.csdn.net/lh ... -
为CKEditor添加Readonly按钮和Upload Image按钮
2011-11-30 08:29 1652问题内容 转自:http://cjkz.52bianc ... -
jsp中ckeditor的运用实例及配置
2011-11-22 13:33 689转自: http://hi.baidu.com/%B7%E7 ... -
页面回发后,让页面自动滚动到指定位置的一种简单的方法
2011-11-21 21:39 1047页面回发后,让页面自动滚动到指定位置的一种简单的方法 ... -
常用图标
2011-08-30 17:17 681验证表单 -
表单验证提示信息
2011-08-30 17:14 1998<!DOCTYPE html PUBLIC " ... -
tip help--js带箭头的提示框
2011-08-30 16:56 1600<!DOCTYPE html PUBLIC " ... -
div move
2011-08-30 16:17 787<!DOCTYPE html PUBLIC " ... -
验证码Jcaptcha .
2011-08-30 15:58 712http://blog.csdn.net/sz_bdqn/ar ... -
十大最佳Ajax教程(转)
2011-07-12 10:15 795转自:http://news.csdn.net/a/20100 ... -
iframe高度自适应2
2011-07-10 22:09 590http://www.fufuok.com/adaptive- ... -
iframe高度自适应1(转)
2011-07-10 22:08 1112转自:http://www.kuqin.com/w ... -
(转)16个Javascript表单事件脚本(表单验证、选择)
2011-07-09 22:58 90016个JavaScript 表单事件脚本, 含jQu ...
相关推荐
在form表单上添加一个提交事件调用验证数据方法 <form name="listform" action="resume-doAdd" method="post" onsubmit="return Validator.Validate(this,3);"> <input type="text" id="linkPhone" name=...
JavaScript实现异步获取表单数据 本文实例为大家分享了JavaScript实现异步获取表单数据的具体代码,供... HTML部分如下: <div class="container"> <form class="form-horizontal" onsubmit="return false;"> <di
}</script><form id="form1" name="form1" method="post" action="" onsubmit="return checkform(this)"> <input type="radio" name="oo" value="radiobutton" /> <input type="radio" name="oo" value="radiobutton...
<FORM name="form1" onSubmit="return validateform()" method="post" action="button.html" > 名字: <INPUT TYPE="text" id="txtName" NAME="txtName" size=10 onBlur="validateName();"> 密码: <INPUT TYPE=...
onsubmit事件:在程序提交前触发,若其值为true则提交,若为false则不提交给服务器 三、script标签属性 ·defer 属性:该属性无值,设置该属性使得本标签在装置完后再执行,否则会在浏览器装载时局执行。 aaa ...
<form name=a onsubmit="return test()"> <textarea name="b" cols="40" wrap="VIRTUAL" rows="6"> <input type="submit" name="Submit" value="check"> </form> 2. 只能是汉字 <input onkeyup="value="/oblog/...
<form name="formname" onSubmit="return validateForm(this)"></form> 将对表单中的所有以下类型的域依次验证,所有验证是去除了前导和后缀空格的,要注意是区分大小写的。 2、空值验证 表单中任意域加上...
form action="clock.html" method="post" onsubmit="return checkLength()"> <p>name:<input type="text" name="user" id="user"> <input type="submit" id="submit" name="submit"> </form>...
<form name="form1" method="post" action="regeditIn.jsp" onSubmit="return on_submit()"> 用户名: <input type="text" name="username"/> <input type="button" name="Button" value="检测用户" onClick=...
关于事件 onsubmit:一般用于表单提交的位置,那么需要在定义函数的时候给出一个 返回值。 onsubmit = return checkForm() 2、完成注册页面表单校验 <!DOCTYPE html> <html> <head> <meta ...
用原生JS写一个简单的表单验证 ... <div class=divAll> ... <div id=contents> ...form action=# onSubmit=return checkForm()> <div id=form-itemGroup> <label for=userName>用户名: <input type=
对于小表单(只有一两个表单域的表单)就不必再专门再用javascript写一个验证函数了,只需要在form的onsubmit事件里加上: 代码如下:onsubmit=”return domainname.value==”?(alert(‘请输入搜索内容’),...
<FORM id="form1" onsubmit=" return doValidate();"> 非法字符<input type="text" name="t"/> 邮箱地址<input type="text" name="a"/> 长度限制<input type="text" name="b" /> 只能是数字...
验证思路 监听每个input控件的焦点离开(onblue),当焦点离开时调用验证函数,验证后修改第三栏文字,显示符合/不符合并返回true/false ...form id=form action= method=post onsubmit=return vipdate()> <
+ 匹配前一项1次或多次,等价于{1,} * 匹配前一项0次或多次.等价于{0,} ___________________________________________________________________ 4.选择,分组和引用 正则表达式的语法还包括指定选择项,对子...
第一种方式:表单提交,在form标签中增加onsubmit事件来判断表单提交是否成功 [removed] function validate(obj) { if (confirm("提交表单?")) { alert(obj.value); return true; } else { ...
7.onSubmit事件:属于<form>表单元素,写在<form>表单标签内。语法:onSubmit=”return 函数名()” 8.onKeyDown事件:在输入框中按下键盘上的任何一个键时,都会触发事件,调用函数。注意:此事件写在方法的外面,且...
<form name="form1" method="post" action="search.asp"> <input name="keyword" type="text" id="keyword" size="25"> <select name="select" size="1"> <option value="name" selected>名称</option> ...
谷歌形式 简单的AJAX请求即可将... onsubmit =" return window.submitGoogleForm(this); " > < label> name <!-- view the form and inspect inputs to get the generated names. --> < input name =
二、实验原理 通过学习javascript的相关知识,了解javascript的语法,了解javascript的特性, 了解javascript的常用方法,掌握验证表单的方法,实现用户登录。 三、实验内容 网页代码:login.jsp <html> <head> ...