表单元素的submit()方法和onsubmit事件应用概述

表单元素的表单元素的submit()方法和方法和onsubmit事件应用概述事件应用概述

表单元素拥有submit方法，同时也具有onsubmit事件句柄，用于监听表单提交。可以使用elemForm.submit();方

法触发表单提交,感兴趣的朋友可以了解下，或许对你有所帮助

表单元素拥有submit方法，同时也具有onsubmit事件句柄，用于监听表单提交。可以使用elemForm.submit();方法触发表单提

交。

1、表单元素中出现了、表单元素中出现了name="submit"的元素的元素

这种情况下elemForm.submit();将不会触发表单提交，因为表单原始的submit方法将会被覆盖（formElem.submit就是对该元

素的引用）。

3、动态创建表单时遇到的问题、动态创建表单时遇到的问题

经常使用的一种方法如下，他会在表单submit前调用，根据validate()函数的返回值决定是否需要提交表单。

复制代码 代码如下:

<form onsubmit="return validate();"></form>

然而，如果要动态地为一个表单添加验证，即HTML代码中没有写onsubmit，而在页面加载后用javascript给这个form加一个

handler，问题就 来了。假设我们已经得到了表单的DOM节点，保存在变量elemForm中，一般这样来给它加上handler：

复制代码 代码如下:

var check = function() {

if ('OK') {

return true;

} else if (elemForm.attachEvent) {

elemForm.attachEvent("onsubmit", check);

}

问题就出现了：在Firefox和Chrome中"return false;"是不能阻止表单的提交的(在IE中可以)，这就是为什么大家在onsubmit属

性中要写"return check()"，而不仅仅是"check()"。

原因是什么呢？请看ECMAScript Language Binding，其中明确地写着，"Object EventListener: This is an ECMAScript

function reference. This method has no return value. The parameter is a Event object"，意思就是event listener没有返回值。

换一种理解，addEventListener可以为元素绑定多个监听函数，某一个事件监听函数的返回值，不可以作为整个事件的返回

值。可以使用下面的方法解决

复制代码 代码如下:

}

}

其实一切的根本都因为IE不支持DOM Level 2。