zoukankan      html  css  js  c++  java
  • 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所指定的方法处理数据,^_^,总算明白了。

  • 相关阅读:
    JD20 紧急疏散
    排序-归并
    排序:快排
    剑指offer-二叉树镜像
    美的笔试--分糖果
    centos限定端口访问
    javascript中使用ajax异步验证数据库后方法return true时总是返回undefined
    javascript自定义startWith()和endWith()方法
    jsp <input type="file"> 清空value值的一种方式
    Could not initialize class sun.awt.X11GraphicsEnvironment
  • 原文地址:https://www.cnblogs.com/zhengtu2015/p/4920234.html
Copyright © 2011-2022 走看看