表单元素的submit()方法和onsubmit事件应用概述_基础知识
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了表单元素的submit()方法和onsubmit事件应用概述_基础知识，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2145字，纯文字阅读大概需要4分钟。
内容图文
表单元素拥有submit方法，同时也具有onsubmit事件句柄，用于监听表单提交。可以使用elemForm.submit();方法触发表单提交。1、表单元素中出现了name="submit"的元素
这种情况下elemForm.submit();将不会触发表单提交，因为表单原始的submit方法将会被覆盖（formElem.submit就是对该元素的引用）。
2、elemForm.submit();不会触发表单的onsubmit事件
没有为什么，标准中就是这么规定的。
与此有些类似的是onfocus、onblur和focus()、blur()之间的关系却不同，调用elem.blur()或elem.focus()却会触发onblur和onfocus事件。
这些为我们提供了一个思路，在设计一些UI组件时，需要考虑一些事件在内部调用时是否要触发相关事件。例如Dialog组件，它具有onopen事件，同时返回的对象也会有open()方法，我们这时就必须考虑下open()方法是否需要触发onopen()事件。
3、动态创建表单时遇到的问题
经常使用的一种方法如下，他会在表单submit前调用，根据validate()函数的返回值决定是否需要提交表单。
代码如下:
然而，如果要动态地为一个表单添加验证，即HTML代码中没有写onsubmit，而在页面加载后用javascript给这个form加一个handler，问题就 来了。假设我们已经得到了表单的DOM节点，保存在变量elemForm中，一般这样来给它加上handler：
代码如下:
var check = function() {
if ('OK') {
return true;
} else {
return false;
}
};
if (elemForm.addEventListener) {
elemForm.addEventListener("submit", check, false);
} 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可以为元素绑定多个监听函数，某一个事件监听函数的返回值，不可以作为整个事件的返回值。可以使用下面的方法解决
代码如下:
function check(ev) {
ev = ev || window.event; // Event对象
if (ev.preventDefault) { // 标准浏览器
e.preventDefault();
} else { // IE浏览器
window.event.returnValue = false;
}
}
其实一切的根本都因为IE不支持DOM Level 2。
内容总结
以上是互联网集市为您收集整理的表单元素的submit()方法和onsubmit事件应用概述_基础知识全部内容，希望文章能够帮你解决表单元素的submit()方法和onsubmit事件应用概述_基础知识所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。
来源：【匿名】