button 和 submit 的區別

表單提交中button和submit的區別
submit是button的一個特例，也是button的一種，它把提交這個動做自動集成了，submit和button,兩者都以按鈕的形式展示,看起來都是按鈕，所不一樣的是type屬性和處發響應的事件上。
 
     一、 若是表單在點擊提交按鈕後須要用js進行處理（包括輸入驗證）後再提交的話，一般都必須把submit改爲button

若是須要使用submit提交前驗證的話 應在方法前加return 

如一個登錄模塊，先驗證用戶名是否爲空，若是爲空，SUBMIT點擊時永遠提交不到from表單指定頁面。只能是表單形式發送噢！並且不能再表單指定的頁面中去驗證傳進來的值。

 

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

<form name="form" action="跳轉的頁面" method="post"  onsubmit="return check()">
  <input type="text" id="name"/>
  <input type="submit" value="提交"/>
</form>

    二、submit和button,兩者都以按鈕的形式展示,看起來都是按鈕，所不一樣的是type屬性和處發響應的事件上，submit會提交表單，button不會提交表單.
二者主要區別在於： 
submit默認爲form提交，能夠提交表單（form）. 
button則響應用戶自定義的事件,若是不指定onclick等事件處理函數，它是不作任何事情.固然，button也能夠完成表單提交的工做.
INPUT type=submit 即發送表單,按回車提交表單 
INPUT type=button 就是單純的按鈕功能,提交的是innerTEXT 




===============submit 和 button的詳細對比=================================== 
submit:特殊的button，會自動將表單的數據提交，onClick方法不加return 會自動提交，並不會起到約束的做用， 
因此，使用submit時須要驗證請加 return true或false. 
例：<input type="submit" name="Submit" value="注 冊" onClick=" return check();">，在JS中判斷的時候 寫return true; 或者 return false;
 
 
button:普通的按鈕，不會自動提交表單數據.能夠在JS中顯式提 交:document.form1.submit()，
使用場合： 一個頁面有多個提交按鈕，須要根據用戶的操做來肯定到底提交到哪一個控制器，這種狀況下，就須要在JS中判斷用戶的操做，而後根據操做來給document.form1.action賦值而且document.form1.submit()來提交 
 
===============若是想要全部的提交都在一個servlet中處理，該怎麼作================== 
提交的按鈕也是HTML組件，因此也能夠經過 getParameter()來獲得，那麼getParameter()的參數也須要固定下來 


參數就是全部的表單的提交按鈕的name，固然提交
按鈕的name要同樣才能統一在一個servlet中根據提交按鈕的值來區別操做