html教程之表单Form的submit事务不呼应

只看该作者 · 发表于 2015-1-15 22:28:59

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？立即注册

x

WHATWG致力于Web表单和应用程序，而W3C（WorldWideWebConsortium，万维网联盟）专注于XHTML2.0。在2006年，双方决定进行合作.来创建一个新版本的HTML。1、成绩形貌
当用JS挪用form的办法submit间接提交form的时分，submit事务不呼应。为何？晓得的请复兴。类比一下，我用input.select()做了测试，却能呼应select事务。这个缘故原由先放一边，我们看看先怎样把眼下的成绩办理了。
不呼应事务的代码示例：
<formid="form1"action="http://www.webjxcom"></form>
<scripttype="text/javascript">
varform=document.getElementById(form1);
form.onsubmit=function(){
alert(1);
};
form.submit();
</script>
实践运转，不会有alert出来。
固然用submit办法来提交表单有背UnobtrustiveJavascript的准绳，但偶然候不能不用，好比做搜刮提醒（auto-complete)选中Item以后就必要用JS来提交搜刮表单。
2、成绩剖析
既然自己不呼应事务，那只要手工触发这些事务了，断定手工触发计划之前先回忆一下事务的注册体例：
“原始”的注册体例有两种，看代码示例：
<formid="form1"action="http://www.poluoluo.com"onsubmit="alert(1)"></form><formid="form1"action="http://www.poluoluo.com"></form>
<scripttype="text/javascript">
document.getElementById(form1).onsubmit=function(){
alert(1);
}
</script>
如许的注册事务，会给form增添了一个办法onsubmit。以是，能够经由过程间接实行这个办法，同等于手工触发了事务。
看代码示例：
<scripttype="text/javascript">
form.onsubmit();
</script>
如许能够失掉一个alert。
可是在现在“先辈”的DOM2尺度注册体例和IE的注册体例attachEvent已很经常使用。这些注册体例，onsubmit办法是不存在的，假如利用form.onsubmit()会间接报错。
3、办理计划
固然“先辈”的注册体例自己也供应了手工触发事务的办理计划，只是要针对DOM2尺度和IE写分歧的程序，别的这个程序，对“原始”的注册体例也一样无效。请看代码示例：
<scripttype="text/javascript">
//IEfireevent
if(form.fireEvent){
form.fireEvent(onsubmit);
form.submit();
//DOM2fireevent
}elseif(document.createEvent){
varev=document.createEvent(HTMLEvents);
ev.initEvent(submit,false,true);
form.dispatchEvent(ev);
}
</script>
4、代码总结
这里不再对各细节办法做申明，不熟习的伴侣请自行查阅相干材料。我们把全部代码串起来：
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01//EN""http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=GBK">
<title>submit</title>
<scripttype="text/javascript"src="http://k.kbcdn.com/js/yui/build/utilities/utilities.js"></script>
</head>
<body>
<formid="form1"action="http://www.poluoluo.com"></form>
<scripttype="text/javascript">
varform=document.getElementById(form1);
//YUIregisterevent
YAHOO.util.Event.on(form1,submit,function(){
&nbs

12下一页

通过我们的HTML编辑器，您能够编辑HTML，然后点击按钮来查看结果。

只看该作者 · 发表于 2015-1-15 23:57:38

HTML标准自1999年12月发布的HTML4.01后，后继的HTML5和其它标准被束之高阁，为了推动Web标准化运动的发展.p;alert(yui);
});
//DOM0registerevent
form.onsubmit=function(){
alert(1);
};
//DOM2registerevent
if(form.addEventListener){
form.addEventListener(submit,function(){
alert(2);
},false);
//IEregisterevent
}elseif(form.attachEvent){
form.attachEvent(onsubmit,function(){
alert(2);
});
}</p>//IEfireevent
if(form.fireEvent){
form.fireEvent(onsubmit);
form.submit();
//DOM2fireevent
}elseif(document.createEvent){
varev=document.createEvent(HTMLEvents);
ev.initEvent(submit,false,true);
form.dispatchEvent(ev);
}
</script>
</body>
</html>
全部跑上去有个小成绩，FX下，不必要form.submit()，间接把表单给提交进来了，以是这句也免却了，缘故原由晓得的请复兴。
这个demo在IE6/IE7/FX下测试经由过程。
</p>

上一页12

通过大家的心得，或许能找出"怎么学html5"这个问题的答案。另，我会不定期把群里面关于技术的讨论贴到本帖，敬请关注。

只看该作者 · 发表于 2015-1-18 05:25:23

AdobeDreamweaverCS5软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的AdobeCSLive在线服务AdobeBrowserLab集成。

只看该作者 · 发表于 2015-1-27 05:16:13

布局表格、绘制层、制作CSS样式表等，这些内容迷糊了我的视线，真是没想到制作一个精巧别致的网页是如此的困难，可是心有不甘。

仓酷云 · 发表于 2015-2-5 09:40:23

Dreamweaver在所见即所得添加链接时，可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。

只看该作者 · 发表于 2015-2-11 08:46:33

所见则所得网页编辑器的优点就是直观性，使用方便，容易上手.

只看该作者 · 发表于 2015-3-2 08:27:22

以上大概就是文字图片的一些链接方法，通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识，他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。

只看该作者 · 发表于 2015-3-11 05:36:34

经过两天的学习，总算对Dreamweaver有进一步的了解了，心中不免有些激动。今天和其他几位老师交流了一下，感觉受益匪浅.

只看该作者 · 发表于 2015-3-17 23:10:49

您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点。

		自动登录	找回密码
密码			立即注册

[HTML5] html教程之表单Form的submit事务不呼应

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

相关帖子

html教程之表单Form的submit事务不呼应