form表單中的input type="submit"


    最近在做jsp和JavaScript方面的東西,由於不是很了解這方面的東西所以很簡單的東西我也搞了半天,在這里做個記錄,加強記憶。^_^

    以前在學struts框架的時候就覺得jsp是用來收集數據和顯示處理結果的,所以在jsp里的form表單最后一定會有<input type="submit" value="提交數據">然后在action=""指定交給誰處理,所以在將這些數據交給JavaScript處理的時候犯了糊塗,點擊按鈕之后應該和單擊事件有關,而且"submit"類型也有onclick事件,論壇上的大俠卻是建議我用onsubmit方法;所以糊塗了好一陣子。

<mce:script type="text/javascript"><!--
        function funshow(){
            var textURL = document.getElementById("URL").value;
            var textName = document.getElementById("Name").value;
            var textInfo = document.getElementById("Info").value;
            alert(textURL);
            alert(textName);
            alert(textInfo);
        }
    
// --></mce:script>
<body>
      <h1 align="center">服務描述</h1>
      <br>
      <div id="description" align="center">
          <form action="servlet/InfoCollection" method="post" onSubmit="funshow()">
          服務地址:<input type="text" id="URL" name="URL" size="50"><br> 
          服務名稱:<input type="text" id="Name" name="Name" size="50"><br>
          服務介紹:<input type="text" id="Info" name="Info" size="50"><br>
        <input type="submit" value="注冊服務"/>
          </form>
      </div>
  </body>

粗略的解釋一下:onsubmit和其他的事件不同,onsubmit是屬於整個form的,所以onsubmit方法配合type="submit"使用就會在頁面提交表單時交給onsubmit所指定的方法處理數據,^_^,總算明白了。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM