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所指定的方法处理数据,^_^,总算明白了。

posted @ 2015-10-29 13:28  我在途中  阅读(4578)  评论(0编辑  收藏  举报