在javaScript中關于submit和button的區(qū)別介紹
更新時間:2013年10月20日 15:01:33 作者:
submit是button的一個特例,也是button的一種,它把提交這個動作自動集成了,submit和button,二者都以按鈕的形式展現(xiàn),看起來都是按鈕,所不同的是type屬性和處發(fā)響應的事件上
submit是button的一個特例,也是button的一種,它把提交這個動作自動集成了。
如果表單在點擊提交按鈕后需要用JS進行處理(包括輸入驗證)后再提交的話,通常都必須把submit改成button,即取消其自動提交的行為,否則,將會造成提交兩次的效果,對于動態(tài)網頁來說,也就是對數(shù)據庫操作兩次?;蛘咴谑褂胹ubmit時驗證時加return true或false。
submit和button,二者都以按鈕的形式展現(xiàn),看起來都是按鈕,所不同的是type屬性和處發(fā)響應的事件上,submit會提交表單,button不會提交表單. 兩者主要區(qū)別在于:
submit默認為form提交,可以提交表單(form).
button則響應用戶自定義的事件,如果不指定onclick等事件處理函數(shù),它是不做任何事情.當然,button也可以完成表單提交的工作. INPUT type=submit 即發(fā)送表單,按回車提交表單
INPUT type=button 就是單純的按鈕功能,提交的是innerTEXT
===============submit 和 button的詳細對比===================================
submit:特殊的button,會自動將表單的數(shù)據提交,onClick方法不加return 會自動提交,并不會起到約束的作用,
所以,使用submit時需要驗證請加 return true或false.
例:<input type="submit" name="Submit" value="注 冊" onClick=" return check();">,在JS中判斷的時候 寫return true; 或者 return false; button:普通的按鈕,不會自動提交表單數(shù)據.可以在JS中顯式提
交:document.form1.submit(),使用場合: 一個頁面有多個提交按鈕,需要根據用戶的操作來確定到底提交到哪個控制器,這種情況下,就需要在JS中判斷用戶的操作,然后根據操作來給document.form1.action賦值并且document.form1.submit()來提交
===============如果想好所有的提交都在一個servlet中處理,該怎么做==================
提交的按鈕也是HTML組件,所以也可以通過 getParameter()來得到,那么getParameter()的參數(shù)也需要固定下來
參數(shù)就是所有的表單的提交按鈕的name,當然提交按鈕的name要一樣才能統(tǒng)一在一個servlet中根據提交按鈕的值來區(qū)別操作
附代碼:
js文件
用submit的時候,jsp頁面
用button的時候,jsp代碼
如果表單在點擊提交按鈕后需要用JS進行處理(包括輸入驗證)后再提交的話,通常都必須把submit改成button,即取消其自動提交的行為,否則,將會造成提交兩次的效果,對于動態(tài)網頁來說,也就是對數(shù)據庫操作兩次?;蛘咴谑褂胹ubmit時驗證時加return true或false。
submit和button,二者都以按鈕的形式展現(xiàn),看起來都是按鈕,所不同的是type屬性和處發(fā)響應的事件上,submit會提交表單,button不會提交表單. 兩者主要區(qū)別在于:
submit默認為form提交,可以提交表單(form).
button則響應用戶自定義的事件,如果不指定onclick等事件處理函數(shù),它是不做任何事情.當然,button也可以完成表單提交的工作. INPUT type=submit 即發(fā)送表單,按回車提交表單
INPUT type=button 就是單純的按鈕功能,提交的是innerTEXT
===============submit 和 button的詳細對比===================================
submit:特殊的button,會自動將表單的數(shù)據提交,onClick方法不加return 會自動提交,并不會起到約束的作用,
所以,使用submit時需要驗證請加 return true或false.
例:<input type="submit" name="Submit" value="注 冊" onClick=" return check();">,在JS中判斷的時候 寫return true; 或者 return false; button:普通的按鈕,不會自動提交表單數(shù)據.可以在JS中顯式提
交:document.form1.submit(),使用場合: 一個頁面有多個提交按鈕,需要根據用戶的操作來確定到底提交到哪個控制器,這種情況下,就需要在JS中判斷用戶的操作,然后根據操作來給document.form1.action賦值并且document.form1.submit()來提交
===============如果想好所有的提交都在一個servlet中處理,該怎么做==================
提交的按鈕也是HTML組件,所以也可以通過 getParameter()來得到,那么getParameter()的參數(shù)也需要固定下來
參數(shù)就是所有的表單的提交按鈕的name,當然提交按鈕的name要一樣才能統(tǒng)一在一個servlet中根據提交按鈕的值來區(qū)別操作
附代碼:
js文件
用submit的時候,jsp頁面
用button的時候,jsp代碼
相關文章
Javascript學習筆記之 對象篇(一) : 對象的使用和屬性
Javascript 中的一切都可以視為對象,除了兩個特例:null 和 undefined。2014-06-06
Javascript Throttle & Debounce應用介紹
Throttle:無視一定時間內所有的調用Debounce:一定間隔內沒有調用時,接下來將為大家介紹下Throttle & Debounce的應用,感興趣的朋友可以參考下哈2013-03-03
解析js中獲得父窗口鏈接getParent方法以及各種打開窗口的方法
本篇文章是對js中獲得父窗口鏈接getParent方法以及各種打開窗口的方法進行了詳細的分析介紹,需要的朋友參考下2013-06-06
Javascript基礎教程之break和continue語句
文章通過示例向我們展示了javascript中的break和continue語句,兩個對比起來,非常明了,需要的朋友可以參考下2015-01-01

