回覆列表
  • 1 # 使用者8836904055583

    今天學習時遇到關於表單提交的問題,如題,關於表單提交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,否則表單也會提交。

  • 中秋節和大豐收的關聯?
  • 《神奇寶貝》小次郎放生過哪些神奇寶貝?