Form表单的onsubmit和renturn false
来源:互联网 发布:美服lol汉化补丁mac 编辑:程序博客网 时间:2024/06/05 08:24
转自:http://liuzhen.liujie.blog.163.com/blog/static/1275561562012729104825183/点击打开链接
onsubmit一般用来做验证的,用来控制表单提交的。
之前使用数据提交基本上使用ajax做数据提交,在数据验证的时候,只有通过数据验证之后,才会post/get数据到对应api文件,但是这次涉及图片上传,只能使用form表单提交,但是这前台js判断的时候出现问题。就是在js验证之后,form表单自动提交。
如何防止表单自动提交?
<form name="form1" onsubmit="return check()" method="post" action="search_result.php">
我先说下onsubmit="return check()"这个是干什么用的,首先是在form标签中有一个onsubmit的属性,他有两个值分别是true和false,如果true,这个网页就跳转到action属性的search_result.php页面,否则不跳转。所以用 return 返回一个true或false的值。
也就是 onsubmit的值可以决定action属性是否触发。
form表单另外一个事件—onclick
<form name="form1" onclick="return check();" method="post" action="search_result.php">
js方法:
function check(){
//判断。。
return false:
}
onclick 和 onsubmit 的区别:
onSubmit 是表单上(也只能是表单)用的,提交表单前会触发。
onClick 是按钮等控件上用的,用来触发点击事件。
用作数据验证的时候,可以选择在 submit 按钮上的 onclick 中验证,可以在 onsubmit 中验证。但是从事件触发顺序上来说,onclick更早。顺序是:
用户点击按钮 -> onclick -> 如果onclick返回有效或未处理 onclick 则提交表单 -> onsubmit -> 如果 onsubmit 未处理或返回true,则提交,否则取消提交。
onsubmit 中返回 false 会引起取消表单提交,onclick 中返回 false 则会引起此次点击操作被判断为无效,则也就不会引起表单提交。
为什么要使用return函数?
表单1:<form name="form1" onsubmit="return check();" method="post" action="search_result.php">
表单2:<form name="form2" onsubmit="check()" method="post" action="search_result.php">
js方法:
function check(){
//判断。。
return false:
}
———————————————————————-
上面两个表单的check方法返回的是false,那么那个表单可以阻止form表单action的自动提交呢?
事实上:只有表单1可以在Ie和火狐下,做到form表单自身的提交
表单2可以在IE下阻止form表单自动提交,但是在火狐下不能阻止from表单的自动提交。
原因:请看ECMAScript Language Binding,其中明确地写着,event listener没有返回值。其实一切的根本都因为IE不支持DOM Level 2,也就是IE和火狐的不兼容,导致的check不能阻止表单提交。
我们可以这样理解:check的返回值是false,那么return check()==return false就是阻止默认事件(也就是onsubmit事件)。而如果只是check()=false也就是 ,而这个false只是在check里面中断对下面的js执行,而不是对这个表单的默认事件进行阻止。
return的作用
在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为
Return True 就相当于执行符
- Form表单的onsubmit和renturn false
- Form表单提交onSubmit return false失效
- form表单的onsubmit和submit
- 关于Form表单的action和onSubmit
- 总结:FORM中使用onSubmit="return false"防止表单自动提交,以及submit和button提交表单的区别
- FORM中使用onSubmit="return false"防止表单自动提交,以及submit和button提交表单的区别
- 总结:FORM中使用onSubmit="return false"防止表单自动提交,以及submit和button提交表单的区别
- FORM中使用onSubmit="return false"防止表单自动提交,以及submit和button提交表单的区别
- 总结:form中使用onSubmit="return false"防止表单自动提交,以及submit和button提交表单的区别
- FORM中使用onSubmit="return false"防止表单自动提交,以及submit和button提交表单的区别
- FORM中使用onSubmit="return false"防止表单自动提交,以及submit和button提交表单的区别
- form表单中action和onsubmit的表单检查区别
- form表单的onsubmit()问题
- form表单的onsubmit()问题
- form表单的onsubmit()问题
- form表单的onsubmit()问题
- form表单的onsubmit()问题
- form表单使用onsubmit但return false后仍然提交的解决办法?
- xcode设置
- jQuery自定义方法之hover()
- Javassist实现动态代理
- 随心笔记
- 【爬虫】获取淘宝天猫商品的详细参数
- Form表单的onsubmit和renturn false
- 算法面试题
- JS函数杂谈
- 欢迎使用CSDN-markdown编辑器
- Struts2--使用JSP显示系统当前时间
- Myeclipse tomcat 部署项目报错
- 进化!将nodejs代码重构为ES6风格
- react(二)父子组件间的数据传递---prop
- SpannableString&SpannableStringBuilder定制文本