分享

form表单中的input type=“submit”

 daijingwen0 2015-12-07

     最近在做jsp和JavaScript方面的东西,由于不是很了解这方面的东西所以很简单的东西我也搞了半天,在这里做个记录,加强记忆。^_^

 

     以前在学struts框架的时候就觉得jsp是用来收集数据和显示处理结果的,所以在jsp里的form表单最后一定会有<input type="submit" value="提交数据">然后在action=""指定交给谁处理,所以在将这些数据交给JavaScript处理的时候犯了糊涂,点击按钮之后应该和单击事件有关,而且"submit"类型也有onclick事件,论坛上的大侠却是建议我用onsubmit方法;所以糊涂了好一阵子。

 

 

     不过在突然之间鼠标点到了一个老网站,困惑就迎刃而解了。^_^

 

     贴上较为完整的演示代码(JavaScript部分):

[javascript] view plaincopy
  1. <mce:script type="text/javascript"><!--  
  2.     function funshow(){  
  3.         var textURL = document.getElementById("URL").value;  
  4.         var textName = document.getElementById("Name").value;  
  5.         var textInfo = document.getElementById("Info").value;  
  6.            alert(textURL);  
  7.         alert(textName);  
  8.         alert(textInfo);  
  9.     }  
  10.   
  11. / --></mce:script>  

下面的代码是body部分:

  1. <body>  
  2.     <h1 align="center">服务描述</h1>  
  3.     <br>  
  4.     <div id="description" align="center">  
  5.     <form action="servlet/InfoCollection" method="post" onSubmit="funshow()">  
  6.     服务地址:<input type="text" id="URL" name="URL" size="50"><br>   
  7.     服务名称:<input type="text" id="Name" name="Name" size="50"><br>  
  8.     服务介绍:<input type="text" id="Info" name="Info" size="50"><br>  
  9. <input type="submit" value="注册服务"/>  
  10.     </form>  
  11.     </div>  
  12. </body>  

     粗略的解释一下:onsubmit和其他的事件不同,onsubmit是属于整个form的,所以onsubmit方法配合type="submit"使用就会在页面提交表单时交给onsubmit所指定的方法处理数据,^_^,总算明白了。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多