form的submit方法和submit事件(onsubmit)
作者:大米 来源:口碑网ued 发布时间:2008-09-28 13:29:00
标签:form,submit,提交,事件
一、问题描述
当用JS调用form的方法submit直接提交form的时候,submit事件不响应。为什么?知道的请回复。类比一下,我用input.select()做了测试,却能响应select事件。这个原因先放一边,我们看看先怎么把眼下的问题解决了。
不响应事件的代码示例:
<form id="form1" action="http://www.koubei.com"></form>
<script type="text/javascript">
var form = document.getElementById('form1');
form.onsubmit = function() {
alert(1);
};
form.submit();
</script>
实际运行,不会有alert出来。
虽然用submit方法来提交表单有违Unobtrustive Javascript的原则,但有时候不得不用,比如做搜索提示(auto-complete)选中Item之后就需要用JS来提交搜索表单。
二、问题分析
既然本身不响应事件,那只有手工触发这些事件了,确定手工触发方案之前先回顾一下事件的注册方式:
“原始”的注册方式有两种,看代码示例:
<form id="form1" action="http://www.koubei.com" onsubmit="alert(1)"></form>
<form id="form1" action="http://www.koubei.com"></form>
<script type="text/javascript">
document.getElementById('form1').onsubmit = function() {
alert(1);
}
</script>
这样的注册事件,会给form增加了一个方法onsubmit。所以,可以通过直接执行这个方法,等同于手工触发了事件。
看代码示例:
<script type="text/javascript">
form.onsubmit();
</script>
这样可以得到一个alert。
但是在如今“先进”的DOM2标准注册方式以及IE的注册方式attachEvent已经很常用。这些注册方式,onsubmit方法是不存在的,如果使用form.onsubmit()会直接报错。
0
投稿
猜你喜欢
- 1.Js天数相加获取新日期function timestampToTime(timestamp) {  
- 在 Go 中,数组和切片的功能其实是类似的,都是用来存储一种类型元素的集合。数组是固定长度的,而切片的长度是可以调整的数组(array)我们
- 本文不讲归一化原理,只介绍实现(事实上看了代码就会懂原理),代码如下:def Normalize(data): m = np.mean(da
- <?php class Mysql { private $conn; private $host; private $username
- 在图片中识别足球先补充下霍夫圆变换的几个参数知识:dp,用来检测圆心的累加器图像的分辨率于输入图像之比的倒数,且此参数允许创建一个比输入图像
- 作者:Rung András原文:How To Engage Customers In Your E-Commerce Website对于我
- vue-router路由懒加载 和权限控制,今天刚好搞了一个基于node token验证的小demo所以下面介绍下,路由懒加载1、为什么要使
- 在论坛上看到了用Python登录微信并实现自动签到,才了解到一个新的Python库: itchat库文档说明链接在这:  
- 1.前言Python中函数的参数类型比较丰富,比如我们经常见到*args和**kwargs作为参数。初学者遇到这个多少都有点懵逼,今天我们来
- 二分类或分类问题,网络输出为二维矩阵:批次x几分类,最大的为当前分类,标签为one-hot型的二维矩阵:批次x几分类计算百分比有numpy和
- 大家好,欢迎大家来到算法数据结构专题,今天我们和大家聊一个非常常用的算法,叫做LRU。LRU的英文全称是Least Recently Use
- 前言晚上回家闲来无事,想打开某直播平台,看看小姐姐直播。看着一个个多才多艺的小姐姐,眼花缭乱,好难抉择。究竟看哪个小姐姐直播好呢?今天我们就
- 文章首先使用pycharm的 PyQt5 Designer 做一个简单的界面,然后引入所谓的“mvc框架”。一、设计登录界面下面开始第一个话
- 打开editor/filemanager/connectors/php目录下commands.php,找到FileUpload函数,在$sE
- 一、eval()函数是什么?Python的一个内置函数;返回传入字符串的表达式结果(官方)二、eval()函数语法解析三、eval()函数应
- 这篇文章主要介绍了Python Django 简单分页的实现代码解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习
- 早期写的python障碍式期权的定价脚本,供大家参考,具体内容如下#coding:utf-8'''障碍期权q=x/s
- 本文实例讲述了Python学习笔记之读取文件、OS模块、异常处理、with as语法。分享给大家供大家参考,具体如下:文件读取#读取文件f
- 前言第一次处理视频素材可以手动用剪映来处理,然后再用代码进行自动化处理,不然连朝哪个方向自动化处理可能都不知道那清楚处理流程之后,怎么用Py
- 创建触发器创建只有一个执行语句的触发器CREATE TRIGGER 触发器名 BEFORE|AFTER 触发事件ON 表名 FOR EACH