這篇文章主要介紹了網(wǎng)頁表單提交方式有哪些，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
成都創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都網(wǎng)站設(shè)計、成都網(wǎng)站制作、外貿(mào)網(wǎng)站建設(shè)、皮山網(wǎng)絡(luò)推廣、小程序開發(fā)、皮山網(wǎng)絡(luò)營銷、皮山企業(yè)策劃、皮山品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們最大的嘉獎；成都創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供皮山建站搭建服務(wù)，24小時服務(wù)熱線：18982081108，官方網(wǎng)址：www.cdcxhl.com
大家先來看看表單提交的幾種方式：
1、
2、
3、
說明：用戶提交按鈕或圖像按鈕時，就會提交表單。使用或
代碼如下:
var EventUtil = {
addHandler: function (element, type, handler) {
if (element.addEventListener) {
element.addEventListener(type, handler, false);
} else if (element.attachEvent) {
element.attachEvent("on" + type, handler);
} else {
element["on" + type] = handler;
}
},
getEvent: function (event) {
return event ? event : window.event;
},
preventDefault: function (event) {
if (event.preventDefault) {
event.preventDefault();
} else {
event.returnValue = false;
}
}
}；
var form = document.getElementById("myForm");
EventUtil.addHandler(form, "submit", function () {
//取得事件對象
event = EventUtil.getEvent(event);
//阻止默認(rèn)事件
EventUtil.preventDefault(event);
});
調(diào)用preventDefault()方法阻止了表單提交。一般來說，在表單數(shù)據(jù)無效而不能發(fā)送給服務(wù)器時，可以使用這一技術(shù)。
5、在JavaScript中，以編程方式調(diào)用submit()方法也可以提交表單。
這種方式無需表單包含提交按鈕，任何時候都可以正常提交表單。來看一個例子：
var form = document.getElementById("myForm");
//提交表單
form.submit();
在以調(diào)用submit()方法的形式提交表單時，不會觸發(fā)submit事件，因此要記得在調(diào)用此方法之前先驗證表單數(shù)字據(jù)。
提交表單時可能出現(xiàn)的最大問題，就是重復(fù)提交表單。在第一次提交表單后，如果長時間沒有反映，用戶可能會變得不耐煩。這時候，他們也許會反復(fù)單擊提交按鈕。結(jié)果往往很麻煩（因為服務(wù)器要處理重復(fù)請求），或者造成錯誤（如果是下了訂單，那么可能會多定好幾份）。
解決這一問題的辦法有兩個：
在第一次提交表單后就禁用提交按鈕；
利用onsubmit事件處理程序取消后續(xù)的表單提交操作。
接下來將詳細(xì)介紹通過form提交的幾種方法
方法一：利用form的onsubmit()函數(shù)（經(jīng)常使用），代碼如下：
代碼如下:
感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“網(wǎng)頁表單提交方式有哪些”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!
重慶分公司
重慶分公司
