首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

怎么使用JavaScript捕捉和处理网页表单提交事件

2012-09-10 
如何使用JavaScript捕捉和处理网页表单提交事件1. 在表单(form)中,如果以标签input typesubmit/作为

如何使用JavaScript捕捉和处理网页表单提交事件

1. 在表单(form)中,如果以标签<input type="submit"/>作为表单提交的触发方式,那么在浏览器提交网页之前,会触发表单(form)的onsubmit事件。这样只要在表单(form)的onsubmit属性中加入代码即可完成表单提交事件的捕捉和处理。

?

点击提交按钮后,会有弹出框显示。?

?

2. 如果表单的提交方式是直接调用表单的sumbit方法,那么表单的onsubmit方法将不会被触发。这样第1点所述的捕捉方法就会失效。

?

点击提交按钮后,不会有弹出框显示。

?

解决办法:?劫持表单的submit属性,使其指向自定义函数,在这个函数中手动调用表单的onsubmit方法以及原先指向的那个submit方法。

?

?

* 以上代码样例仅为配合解释事件捕捉及处理的原理,并非最优。在引用上述样例代码时,根据具体的情况,可能需要做一些改动才能使其正常运转。

热点排行
Bad Request.