关于HTML中onSubmit属性的触发时机

本Blog所有内容不得随意转载，版权属于作者所有。如需转载请与作者联系（ fastzch@163.com ）。
未经许可的转载，本人保留一切法律权益。
一直以来，发现有某些人完全不尊重我的劳动成果，随意转载，提醒一下那些人小心哪天惹上官司。

今天同事一大早问我一个他觉得比较奇怪的问题：form的onsubmit属性中的方法在提交时为什么没反应？经过了解发现状况如下：
他写的页面中form有onsubmit属性，并指定了一个javascript函数，期望form在提交前执行这个函数，以处理一些检查等动作，但form的提交并不是像我们通常使用的input:submit这样的button去做的，而是用一个普通input:button，在onclick属性中指定了一个javascript函数，在这个函数里面再执行form的submit()函数。
示意代码如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

function t(){

var f=document.getElementById("f");

f.submit();

alert('333');

}

</script>

</HEAD>

<BODY>

</form>

</BODY>

</HTML>

此时，页面弹出了“333”的提示，但没有弹出“2222”的提示。

分析了一下原因：onsubmit属性的触发时机是在form用input:submit这样的button提交时才会触发，否则不会触发。
后来，在官方文档上也找到了如下说明，证明了我的这一分析，如下：

The submit method does not invoke the onsubmit event handler. Call the onsubmit event handler directly. When using Microsoft® Internet Explorer 5.5 and later, you can call the fireEvent method with a value of onsubmit in the sEvent parameter.

为了证实这一分析，我做了一个完整的测试：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

function t(){

var f=document.getElementById("f");

f.submit();

alert('333');

}

</script>

</HEAD>

<BODY>

</form>

</BODY>

</HTML>

点击submit按钮即可出现“2222”提示，点击button的话，会出现“333”提示。

posted on 2008-10-24 11:33 Robin's Programming World 阅读(5510) 评论(14) 编辑收藏所属分类: 其它

常用链接

留言簿(49)

随笔分类(215)

随笔档案(181)

相册

收藏夹

Friend Links

搜索

积分与排名

最新评论

阅读排行榜

评论排行榜


只有注册用户登录后才能发表评论。




网站导航: 博客园 IT新闻 Chat2DB C++博客博问管理
相关文章: Hybrid开发资源网站汇总 XCode Plugins Package Manager Phonegap Debug Note 首个iOS App终于提交了 MongoDB install notes on Mac: 永久恢复联通 iPhone4 的 YouTube [转]自定义UITableView 【转】Xcode分析CrashLog的方法 [转]Samsung EPIC 4G ADB/USB无法连接的问题 [转]教你如何做主管——MTP培训心得