2011年7月27日 星期三

表單上的type=sumbit和type=button的按鈕

表單上有兩個按鈕
一個是<input type=submit />
一個是<input type=button />
這兩個的差別
在於type=submit在預設上
會引發表單的onSubmit事件
而type=button什麼事件都不會發生!

可以看以下例子:
test.html:
<script>
function doChk(){
 alert("No way!");
 return;
}

function doChk2(){
 alert("No send!");
 return;
}
</script>

<form action="test1.jsp" onSubmit="doChk2();">
<input type=submit value="Send?" onClick="doChk();" />
</form>


test1.jsp:
<%
out.println("You send....");
%>



在瀏覽器看到的結果是:

跳出視窗:No Way!
跳出視窗:No Send!
新畫面:You send....

所以可以知道幾件事:
1.type=submit的按鈕, 會先觸發按鈕自己的onClick事件, 再觸發表單的onSubmit事件
2.無論onSubmit事件的處理函式如何寫, 最後一定會將表單送出, 無法阻止表單送出的發生

沒有留言:

張貼留言