button和submit的區別

Pikachu 發布于2019-08-30 15:55 / 1892人閱讀

摘要：提交表單需要綁定事件才能提交表單數據局部刷新不可以使用，在觸發事件的同時會提交表單。方法不加會自動提交，并不會起到約束的作用，所以，使用時需要驗證請加或。用戶名不能為空跳轉的頁面提交

button-普通按鈕，submit-提交按鈕。
　　submit是button的一個特例，也是button的一種，它把提交這個動作自動集成了，submit和button,二者都以按鈕的形式展現,看起來都是按鈕，所不同的是type屬性和處發響應的事件上。

使用場景：

　　這里說的部分使用場景，并不是只能用一種，只是說，在這種場景下使用更加方便，程序員工作量小。
用表格對比一下：

場景	button	submit
網頁上需要提交信息到服務器		√
網頁上執行一個普通的事件，如重置、清空功能。	√
提交表單	需要綁定事件才能提交表單數據	√
局部刷新	√	不可以使用，在觸發事件的同時會提交表單。
沒有表單，卻要提交數據	而button默認是不提交任何數據。可以綁定事件的方式來提交數據。	submit需要有表單時，提交時才會帶數據。當然使用submit也可以，但是前提要攔截onclick事件。
表單數據太多的時候	需要寫很多數據的獲取動作	推薦
提交數據是要使用JS進行校驗的，但如果這時候用戶禁用了JS，那么校驗就失效了，如果后臺也沒有進行校驗，那么不合法的數據就進入后臺了。	推薦：通過button提交數據，那么如果用戶禁用JS,那么數據提交動作就激活不了	不推薦

補充

　　1、上面的場景中，表單在點擊提交按鈕后需要用JS進行處理（包括輸入驗證）后再提交的話，通常我們提倡用button，如果需要使用submit提交前驗證的話應在方法前加return。onClick方法不加return 會自動提交，并不會起到約束的作用，所以，使用submit時需要驗證請加 return true或false。
　　如一個登陸模塊，先驗證用戶名是否為空，如果為空，SUBMIT點擊時永遠提交不到from表單指定頁面。只能是表單形式發送噢！而且不能再表單指定的頁面中去驗證傳進來的值。

function check(){
   var name = document.getElementById("name").value;
   if(name ==  null || name == ""){
        alert("用戶名不能為空");   
        return false;
   }
   return true;
}

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/117210.html

button和submit的區別

摘要：提交表單需要綁定事件才能提交表單數據局部刷新不可以使用，在觸發事件的同時會提交表單。方法不加會自動提交，并不會起到約束的作用，所以，使用時需要驗證請加或。用戶名不能為空跳轉的頁面提交 button-普通按鈕，submit-提交按鈕。　　submit是button的一個特例，也是button的一種，它把提交這個動作自動集成了，submit和button,二者都以按鈕的形式展現,看起來都是...

wujl596 2019-08-02 14:02 評論0 收藏0
CSS 模塊

摘要：通過使用或者從中導入文件使得模塊被編譯成為可能。模塊一次只運行一個文件，這樣可以避免全局上下文的污染。下面讓我們用重構這些這些代碼這是一個進化版，但是我們僅僅只達到了一部分目標。原文：http://glenmaddern.com/articl...譯者：@公子如果你想知道 CSS 最近發展的轉折點，你應該選擇去觀看 Christopher Chedeau 在2014年11月的 N...

elarity 2019-08-28 18:14 評論0 收藏0
CSS 模塊

摘要：通過使用或者從中導入文件使得模塊被編譯成為可能。模塊一次只運行一個文件，這樣可以避免全局上下文的污染。下面讓我們用重構這些這些代碼這是一個進化版，但是我們僅僅只達到了一部分目標。原文：http://glenmaddern.com/articl...譯者：@公子如果你想知道 CSS 最近發展的轉折點，你應該選擇去觀看 Christopher Chedeau 在2014年11月的 N...

Enlightenment 2019-08-21 10:38 評論0 收藏0
表單腳本

摘要：表單如果表單內沒有按鈕，只有元素，那么這個可以升級為按鈕。輸入框選中高亮，輸入非數字，改變顏色可設置，不能設置而則可以，但不能設置最大字符數。 form 表單如果form表單內沒有submit按鈕，只有button元素，那么這個button可以升級為submit按鈕。 form 表單用來向服務器提交信息，常用屬性 action：提交表單的地址 name：頁面中可能不止一個表單，...

wangtdgoodluck 2019-08-22 18:42 評論0 收藏0