为什么要阻止表单的默认处理？

用户单击提交按钮或图像按钮时，就会提交表单。

使用<input >或<button>都可以定已义提交按钮，只要将其type特性的值设置为"submit "即可.

而图像按钮则是通过将<input>的type特性值设型力image*来定义的。

因此，只要我们单击以下代码生成的按钮，就可以提交表单
<!--通用提交按钮- >
<input type= "sukmit"  value="Subudt Form">

<!-- 自定义提交按钮- >
<button type="submit"> Submit Form</but ton>

<!--图像按钮->
<input type=" image" src="graphic.gif">
只要表单中存在上面列出的任何一种按钮，那么在相应表单控件拥有焦点的情况下，按回车键就可以提交该表单。(textarea是一个例外，在文本区中回车会换行。)如果表单里没有提交按钮，按回车键不会提交表单。
以这种方式提交表单时，浏览器会在将请求发送给服务器之前触发subnit事件。这样，我们就有机会验证表单数据，并据以决定是否允许表单提交。

阻止这个事件的默认行为就可以取消表单提交。

例如，下列代码会阻止表单提交。

var form = document . getElementById ("myForm");
EventUtil. addHandler (form,”submit", function (event) {
//取得事件对象
event = EventUtil . getEvent (event) ;
//阻止默认事件
EventUtil .preventDefault (event) ;
});

在JavaScript中调用submit()方法的形式提交表单时，不会触发submit事件，因此要记得在调用此方法之前先验证表单数据。

var form = document。getElementById("myForm");

//提交表单

form.submit();

最后

以上就是冷艳自行车为你收集整理的为什么要阻止表单的默认处理？的全部内容，希望文章能够帮你解决为什么要阻止表单的默认处理？所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。