不同浏览器对回车提交表单的处理办法
来源:互联网 发布:重装系统后c盘数据恢复 编辑:程序博客网 时间:2024/05/20 05:55
条件是:
在IE和Firefox下
1、<form>属性的“action”字段必填;
2、有一个type="submit"的“input”。
在Chrome和Safari下
满足第一条即可。(注释1)
所以,如果要控制提交行为的话(比如,提交前检查必填项是否已填),可以在type="submit"的 “input”后添加Javascript“onXXX(比如onClick)”事件。而如果需要用异步交互来检测相关字段,则无效了。因为return false是作为onreadystate=的子函数,并不能控制全局。这时就需要用到<form>的“onsubmit”属性(注释2)。比如:
HTML
代码如下:
<form name="form1" id="form1" action="act.php" method="post" onsubmit="myfn();return false;">
myfn() 是自己定义的函数:无论通过什么办法(比如敲击“enter”或点击type="submit"(而不是type="button")的“input”按钮)提交,都会触发这个这个函数。于是,大可不必再在type="submit"的“input”后添加Javascript事件“onXXX”了。直接在“onsubmit”中控制,更直观与统一,除非有意控制提交方式(是onClick还是什么)。
return false位于末尾,表示不提交本表单。提交表单的字句document.form1.submit()可以作为myfn()的一个选择条件的分支。
总结:
这样,<form>有“action”和“onsubmit”属性,有type="submit"的 “input”的提交按钮后,就可以在任何浏览器下(不行吗?请给我反馈)实现使用“Enter”键和鼠标都可以对表单的相关字段进行异步(Ajax)和同步(单纯的Javascript)检查并予以提交。
原文链接: http://www.codesky.net/article/doc/201004/20100417043901.htm
- 不同浏览器对回车提交表单的处理办法
- 不同浏览器对回车提交表单的处理办法(转载)
- 不同浏览器对回车提交表单的处理办法(转载)
- chrome 浏览器上避免回车提交表单
- 回车提交表单(支持多浏览器)
- asp.net中回车提交表单的处理方法
- 回车提交表单的测试
- onkeydown事件处理回车后提交表单
- struts2中,一个表单里有多个提交按钮的处理办法
- 提交表单,对表单数据的处理 FormData
- Java 对windows/linux不同路径的处理办法
- asp.net 各浏览器下实现回车提交表单
- 关于表单提交与回车的问题
- 回车自动提交Form表单的问题
- js 回车提交表单的实现
- 关于表单回车自动提交的种种
- JavaScript阻止回车提交表单的方法
- 关于禁止回车提交表单的js
- C++文件操作 判断文件是否存在和文件大小
- [windows] C:/WINDOWS/system32/drivers/etc/hosts 文件有什么作用
- 从零开始
- Excel 用公式时出现类似的 =SUM(R[-69]C:R[-1]C)
- 让我们开始吧
- 不同浏览器对回车提交表单的处理办法
- webclient 生成静态页面
- 非类型形参的模板实参
- Oracle Job 语法和时间间隔的设定
- 动态加载图片
- 为什么下载音乐要优先选择去google音乐下载,找不到之后再选择其它如:酷狗,百度?
- Oracle 导出表结构
- vs2010+silverlight4 error
- 网页制作,常见兼容处理 本人QQ:8790671