今天學習時遇到關於表單提交的問題,如題,關於表單提交return false時,<form onsubmit()>和<input type="submit" onclick()>方法的比較,下文進行程式碼檢測和使用總結。
測試過程:
1.<form name="searchform" method="post" action="result.jsp" onsubmit="return check()"?
或
<form name="searchform" method="post" action="result.jsp" onsubmit="return check();">
效果:無法成功表單,仍停留在該頁面.
2.<form name="searchform" method="post" action="result.jsp" onsubmit="check()">
<form name="searchform" method="post" action="result.jsp" onsubmit=" check();">
效果:執行函式內容,但成功提交表單,跳轉到result.jsp頁面
<input type="submit" name="searchpart" value="查詢" onclick="return check();">
<input type="submit" name="searchpart" value="查詢" onclick="check();">
4.結論:
關於表單提交,只有<form onsubmit="return function()">可以當返回false時阻止表單提交。因此不建議使用submit按鈕來呼叫函式判斷,建議使用form的onsubmit()方法,注意檢查是否帶有return,否則表單也會提交。
今天學習時遇到關於表單提交的問題,如題,關於表單提交return false時,<form onsubmit()>和<input type="submit" onclick()>方法的比較,下文進行程式碼檢測和使用總結。
測試過程:
1.<form name="searchform" method="post" action="result.jsp" onsubmit="return check()"?
或
<form name="searchform" method="post" action="result.jsp" onsubmit="return check();">
效果:無法成功表單,仍停留在該頁面.
2.<form name="searchform" method="post" action="result.jsp" onsubmit="check()">
或
<form name="searchform" method="post" action="result.jsp" onsubmit=" check();">
效果:執行函式內容,但成功提交表單,跳轉到result.jsp頁面
<input type="submit" name="searchpart" value="查詢" onclick="return check();">
或
<input type="submit" name="searchpart" value="查詢" onclick="check();">
4.結論:
關於表單提交,只有<form onsubmit="return function()">可以當返回false時阻止表單提交。因此不建議使用submit按鈕來呼叫函式判斷,建議使用form的onsubmit()方法,注意檢查是否帶有return,否則表單也會提交。