加入收藏 | 设为首页 | 会员中心 | 我要投稿 河北网 (https://www.hebeiwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 运营 > 正文

怎样办理表单Form的submit变乱不相应

发布时间:2018-08-17 10:15:49 所属栏目:运营 来源:站长网
导读:一、题目描写 当用JS挪用form的要领submit直接提交form的时辰,submit变乱不相应。为什么?知道的请回覆。类比一下,我用input.select()做了测试,却能相应select变乱。这个缘故起因先放一边,我们看看先怎么把眼下的题目办理了。 不相应变乱的代码示例: 现实

一、题目描写

当用JS挪用form的要领submit直接提交form的时辰,submit变乱不相应。为什么?知道的请回覆。类比一下,我用input.select()做了测试,却能相应select变乱。这个缘故起因先放一边,我们看看先怎么把眼下的题目办理了。
不相应变乱的代码示例:

现实运行,不会有alert出来。
固然用submit要领来提交表单有违Unobtrustive Javascript的原则,但偶然辰不得不消,好比做搜刮提醒(auto-complete)选中Item之后就必要用JS来提交搜刮表单。

二、题目说明

既然自己不相应变乱,那只有手工触发这些变乱了,确定手工触发方案之前先回首一下变乱的注册方法:
“原始”的注册方法有两种,看代码示例:

这样的注册变乱,会给form增进了一个要领onsubmit。以是,可以通过直接执行这个要领,等同于手工触发了变乱。
看代码示例:

这样可以获得一个alert。

可是在现在“先辈”的DOM2尺度注册方法以及IE的注册方法attachEvent已经很常用。这些注册方法,onsubmit要领是不存在的,假如行使form.onsubmit()会直接报错。

三、办理方案

虽然“先辈”的注册方法自己也提供了手工触发变乱的办理方案,只是要针对DOM2尺度和IE写差异的措施,其它这个措施,对“原始”的注册方法也一样有用。请看代码示例:

四、代码总结

这里不再对各细节要领做声名,不认识的伴侣请自行查阅相干资料。我们把整个代码串起来:

整个跑下来有个小题目,FX下,不必要form.submit(),直接把表单给提交出去了,以是这句也省掉了,缘故起因知道的请回覆。

这个demo在IE6/IE7/FX下测试通过。

(编辑:河北网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读