web表单提交方式

java web中表单提交的方式

千次阅读 2017-07-07 17:21:16

在Java web中表单提交的几种方法，本人才学疏浅，望大神帮我补充，第一种也是最简单的方法就是在form 标签中加上一个action,action对应的就是你要将表单提交的地址,其中按扭为submit,例如: [java] view...

 在Java web中表单提交的几种方法，本人才学疏浅，望大神帮我补充， 
      第一种也是最简单的方法就是在form 标签中加上一个action,action对应的就是你要将表单提交的地址,其中按扭为submit,例如: 
 
  
   
   [java] 
   view plain
    copy 
    
    
   
   
  
  <form action="servlet/Denglu"method="post">  
        用户名:<input type="text" name="username"/><br/>  
        密码:<input type="password" name="keyword"/><br/>  
       学号:<input type="num" name="num"/><br/>  
      验证码:<input type="text" name="verifycode" size="3"/>  
        <img id="verifyCode" src="/stucheck/servlet/VerifyCodeServlet" border="2"/>  
        <a href="javascript:_change()">换一张</a>  
        <br/>     
        <input type="submit" value="登录">   
 
按下登录按钮，则把用户输入的内容提交给Denglu的servlet进行处理 
 
     第二种方法是采用button组件的onclick()函数进行提交，例如： 
 
  
   
   [java] 
   view plain
    copy 
    
    
   
   
  
  <form id="modify" style="display:none" action="servlet/XiuGai" method="post">  
               <%  
                    String massage = " ";  
                    String msg = (String)request.getAttribute("msg");  
                    if(msg != null){  
                         massage = msg;  
                     }  
                   %>  
                   <font><%=massage %></font>  
                     <span id="user"><img src="images/agent.png" alt=""><input tabindex="1" type="text"   
                                    placeholder="请输入您的学号" name="user"></span>  
                     <span id="password"><img src="images/lock.png" alt=""><input tabindex="2" type="password"   
                                         placeholder="请输入您要修改的密码" name="password"></span>  
                     <span id="passwordone"><img src="images/lock.png" alt=""><input tabindex="2" type="password"   
                                    placeholder="请确认您的新密码" name="passwordone"></span>  
          
                     <div id="button" type="submit" οnclick="word()"><a style="color:#fff;text-decoration: none;"   
                              href="servlet/XiuGai" >确定</a></div>  
                       
                     <div id="close">取消</div>  
         </form>   
 
word()函数为： 
 
  
   
   [java] 
   view plain
    copy 
    
    
   
   
  
  function word(){  
         document.getElementById("modify").submit();  
         alert('您的密码已经修改成功！');  
         }     
 
则表单的数据提交给XiuGai的servlet进行处理。 
 
       第三种方法是通过form的onsubmit()函数 
 
  
   
   [java] 
   view plain
    copy 
    
    
   
   
  
  <form name="reply"  method="post" οnsubmit="return validateForm( );">    
         <input type="text" name="title"  size="80" /><br />    
         <textarea name="cont" cols="80" rows="12"></textarea><br />    
         <input type="submit" value="提交" >    
 </form>     
 
其中onsubmit中一定要加上return，否则会一直执行，不会返回 
 
按钮的类型要为submit

收起

展开全文

java form html

web表单重复提交验证

千次阅读 2016-01-09 15:17:56

web表单重复提交验证

首先是工具类 
public class RandomUtil {
    private static final RandomUtil RANDOM_UTIL = new RandomUtil();
    private final Random random = new Random();
    private RandomUtil(){

    }
    public static RandomUtil getRandomUtil(){
        return RANDOM_UTIL;
    }
    //用来返回一个随机数,用作创建表单隐藏ID
    public String random(){
        return System.currentTimeMillis()+""+random.nextInt(9999999)+"";
    }
} 
jsp部分 
<%@page import="util.RandomUtil"%>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>表单重复提交验证</title>
    <script type="text/javascript">
        //创建一个全局变量.默认为false,表示表单还未提交
        var flag = false;
        function verify (){
            if(!flag){
                alert("第一次提交");
                //提交后flag改为true,表示表单已经提交
                flag=true;
                return true;
            }else{
                alert("重复");
                return false;
            }
        }
    </script>
  </head>

  <body>
    <!-- 工具类创建ID,且存入form表单和Session中 -->
    <%
        String id = RandomUtil.getRandomUtil().random();
        session.setAttribute("id",id);
    %>
    <!-- <form>根据onsubmit的返回值判定是否提交 -->
    <form action="${pageContext.request.contextPath}/IsGet" method="get" onsubmit="return verify()">
        <!-- 将上面工具类创建的ID存入表单的隐藏字段 -->
        <input type="hidden" value="<%=id %>" name="id"/>
        <input type="submit" value="表单重复提交验证" />
    </form>
  </body>
</html> 
web后台 
public void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        String id = (String) request.getSession().getAttribute("id");
        String reqId = (String) request.getParameter("id");

        //睡眠模拟延迟状态
        try {
            Thread.sleep(4000);
        } catch (InterruptedException e) {
            e.printStackTrace();
        }

        HttpSession session = request.getSession();
        //如果表单的隐藏ID和Session中的ID为空或者不一致,判为重复提交
        if(id==null||reqId==null||!id.equals(reqId)){
            session.setAttribute("message","重复提交");
        }else{
            request.getSession().removeAttribute("id");
            session.setAttribute("message","提交成功");
        }
        //这里用重定向的原因是:重定向会改变地址栏的URL,防止用户刷新重新提交
response.sendRedirect(request.getContextPath()+"/message.jsp");

    } 
用来接收消息的message.jsp 
    ....

    ${message }

    ....

收起

展开全文

java Android js

Web表单提交之disabled问题

千次阅读 2013-11-01 16:52:50

Web表单提交之disabled问题例如，有如下表单当我们提交表单时，在后台是获取不了pname数据的，因为改输入框的属性disabled。即能保存值也能保留用户不能输入这种功能有以下解决方法： ...


   
             Web表单提交之disabled问题
 
 
  
例如，有如下表单
  <form id="inputForm" action="shorttermrental.action" method="post">
      <input name="pname" type="text" id="pname" value="xxx" size="20" disabled="disabled"/>
      <input name="but" type="submit" id="but" value="xxx" size="20"/>
  </form>
  
 当我们提交表单时，在后台是获取不了pname数据的，因为改输入框的属性disabled。即能保存值也能保留用户不能输入这种功能有以下解决方法： 
1. 讲disabled="disabled"属性改为readonly="readonly"代替，其功能是基本一样，readonly还能支持onfocus事件。（推荐使用）
     <input name="xxx" id="xxx" value="xxx" size="20" readonly="readonly"/>
 2. 在form表单提交时利用js将disabled属性修改
     <input name="but" type="button" id="but" value="xxx" size="20"/>
    <script type="text/javascript">
         function submit_form(){
                 //javascript写法
                 document.getElementById("pname").disabled="";
                 document.getElementById("inputForm").submit();
                 //jQuery写法
                 $("#pname").attr("disabled",false);
                 $("#inputForm").submit();
             }
 
        </script>
 3. 将pname的值用js获取，使用参数形式传递，修改form的action值,当然这样需要修改后台代码，获取该参数（getParameter）；
    <script type="text/javascript">
         function submit_form(){
             //jQuery写法
               var pname = $("#pname").val();
                 $("#inputForm").attr("action","shorttermrental.action?panme="+pname+"&p="+new Date());
             $("#inputForm").submit();
           //javascript写法
             var pname = document.getElementById("pname").value;
             document.getElementById("pname").action = "shorttermrental.action?panme="+pname+"&p="+new Date();
             document.getElementById("pname").submit();
             }
        </script>
        *一点小建议：当我们书写脚本语言时，我们一般热衷于jQuery书写，因为它很简炼，jQuery是将javascript封装的，取HTML等值时，采用正则表达式匹配获取，
        因此必然影响效率，所以建议大家当有大量脚本时，一般采用javascript。

收起

展开全文

HTML Servlet Struts jsp

java web 表单提交过程中添加功能问题
2017-01-29 14:50:59
做一个java web项目，表单提交注册和登录的方式，想在中间添加密码的md5加密可以吗？有什么方法
收起
java md5 加密

web 表单提交按钮的测试点

千次阅读 2017-01-07 19:26:07

软件测试交流群，欢迎测试的大虾，新人加入本群，一起探讨测试技术的学习，群里面也有很多资料，656721740web表单中的提交按钮的测试点：在提交前需要理解清楚的点：1、表单中哪些字段是必填项2、表单中字段内容的...

软件测试交流群，欢迎测试的大虾，新人加入本群，一起探讨测试技术的学习，群里面也有很多资料，656721740

web表单中的提交按钮的测试点：

在提交前需要理解清楚的点：

1、表单中哪些字段是必填项

2、表单中字段内容的限制：非空、重复、长度、特殊字符，空格、以及一些和业务相关的约束条件

测试点：

1、是否支持回车

2、单击

3、快速双击，可能会导致重复提交的bug

4、网络中断

5、只输入必填项，单击提交

6、分别缺少一个必填项、单击提交（无效等价类不能合并）

7、所有字段的最大长度，单击提交

8、所有必填项+非必填项，单击提交

9、提交成功是否有提示

10、如果有上传附件，附件超大、网络慢，提交后是否成功

11、表单提交后内容是否加密，

12、SQL注入

13、权限校验，也就是说只有有权限的人才可以提交

14、对于修改、新增、审核等需要修改数据库中数据的操作，多人同时操作的场景需要测试，比如A编辑，B再编辑然后B提交，A提交

软件测试交流群，欢迎测试的大虾，新人加入本群，一起探讨测试技术的学习，群里面也有很多资料，656721740

收起

展开全文

web表单提交数组数据
public class CourseForm { private String courseName; private int courseType; private int sportType; private String city; private String startTime; private String endTime; private float price;... }
收起
shell
web设计 提交表单 action method
2013-11-19 07:49:37
表单中设计，form中action为loginaction，同时，在提交按钮中定义action为login，struts.xml中设计，*" class=“loginAction” method={1}>,而在loginAction中只设计了login（）方法。现在我进行登录操作，正常。...
收起
method
Android简单的web提交表单登录
2015-11-22 14:02:52
Android简单的web提交表单登录，亲测已通过，不想码代码的同学进来
收起
web手动进行Form表单提交
千次阅读 2016-10-13 10:40:42
最近的一个项目涉及到多文件上传，同时还不让用Form表单提交其他数据。蛋疼... 想到一个办法就是，先用ajax提交数据，然后返回数据库的id主键(mysql数据库)，然后再js回调函数中进行表单文件的提交。在网上找了...
收起
ajax
form表单提交的几种方式
万次阅读 多人点赞 2019-06-04 09:41:03
表单提交方式一：直接利用form表单提交 html页面代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Insert title here</title> </head> &...
收起
MVC提交表单的方式
千次阅读 2019-04-30 19:38:23
Form(表单)对于WEB开发人员来...Input控件（submit）提交方式（post），先用一个简单的表单来实现简单的处理方式  下面是简单的表单的HTML代码  这个HTML表单用的是Bootstrap4来写的，在这个HTML表单中，我...
收起
前端如何提交文件，不使用form表单提交方式提交文件，JS提交文件
千次阅读 2018-12-19 11:18:40
前端使用Ajax传值方式： &amp;lt;body&amp;gt; &amp;lt;input type=&quot;file&quot; id=&quot;importFile&quot;/&amp;gt; &amp;...
收起
前端如何提交文件 JS提交文件
总结之Web两种用户登录方式及JS信息验证操作——表单提交、ajax提交
千次阅读 2018-09-24 17:30:32
登录大体有两种方法一个是表单提交另一个就是ajax提交 1.表单提交 表单提交如果前端JS没有验证十分简单，不详述。 JS验证用户名、密码是否为空其中非submit和button按钮 submit有一些主要事项 form中要onsubmit=...
收起
javaweb
SSM框架下实现form表单提交的方式
千次阅读 2018-12-22 19:48:00
实现form表单的提交有多种方式，这里我们主要讲两种常用的。 ... 分析：常见的表单提交方式，在表单中添加一个submit按钮，当点击按钮后，通过请求表单的action中的url，跳转到表现层从而完成对...
收起
提交表单
JAVA Web防止表单重复提交实例
千次阅读 2013-09-21 09:27:09
防止表单重复的提交，解决实际问题
收起
instance 编码 base64
web表单
千次阅读 2017-12-13 20:39:56
1.表单介绍表单通常用来收集网页访问者信息，常见的表单比如搜索引擎的搜索框、各网页应用的注册或者登陆界面等。...提交表单控件：提交按钮、图像按钮 html5还加入了日期控件、电子邮件和URL输入控件、搜索输入控件。
收起
CSS表单布局表单控件
Java web注册表单提交之后页面跳转总结
千次阅读 2018-01-25 17:42:09
单机注册表单提交后，有两种页面跳转方式，各有区别。 1、使用response.sendRedirect(跳转地址);方式进行跳转 response.sendRedirect("./qiantai/index.jsp"); 2、使用JavaScript提示框跳转 PrintWriter out...
收起
Java Web防止表单重复提交
千次阅读 2016-04-26 20:21:43
我们看看效果图：只有第一次打印了表单数据，后面都是提示“form中的token与session中的token->null不匹配”，这个是struts2做的，在第一次提交表单成功后，会删掉session中的token值，这样只有在第一次提交表单的...
收起
struts java
苹果微信web无法提交form表单问题解决
千次阅读 2017-04-25 18:02:39
苹果微信web无法提交form表单问题解决问题出在微信端,而且是苹果机的微信端(苹果你咋这么矫情,安卓正常). 应用需要form提交数据跳转第三方支付网站,问题来了,苹果上跳转后没有携带数据,坑啊!!! 解决:百度了各种...
收起
苹果微信
通过传统的form表单提交的方式上传文件
万次阅读 2017-12-26 22:31:24
通过传统的form表单提交的方式上传文件测试通过Rest接口上传文件指定文件名：上传文件：关键字1：关键字2：关键字3：不过传统的form表单提交会导致页面刷新，但是在有些情况下，我们不...
收起
表单
Form表单提交到Web服务器
千次阅读 2018-07-17 10:54:22
Form表单： <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD ...
收起
form表单put方式提交处理
万次阅读 2015-06-08 14:21:57
form表单put方式提交处理
收起
rest springmvc
form表单的四种提交方式
万次阅读 2018-03-05 21:20:50
1.form表单的四种提交方式方式一、 Js的提交方式，表单上有action<script type="text/javascript"> function regist(){ document.getElementById("form1").submit(); //form...
收起
表单提交的几种方式
万次阅读 2017-08-14 15:31:34
一、Form和提交 ...method : 表单提交方式，默认为get，可选值为get/post enctype : 规定在向服务器发送表单数据之前如何对其进行编码。（适用于 method="post" 的情况），可取值为application/x-www-form-
收起
javascript 异步
【web】form表单提交中文乱码问题
千次阅读 2018-12-16 00:47:28
如果提交方式为post，则在form属性里加入以下字段即可改变编码方式 <form action=" method="post" accept-charset="UTF-8" onsubmit="document.charset='UTF-8'"&...
收起

java web中表单提交的方式

web表单重复提交验证

Web表单提交之disabled问题

java web 表单提交过程中添加功能问题

web 表单提交按钮的测试点

web表单提交数组数据

web设计提交表单 action method

Android简单的web提交表单登录

web手动进行Form表单提交

form表单提交的几种方式

MVC提交表单的方式

前端如何提交文件，不使用form表单提交方式提交文件，JS提交文件

总结之Web两种用户登录方式及JS信息验证操作——表单提交、ajax提交

SSM框架下实现form表单提交的方式

JAVA Web防止表单重复提交实例

web表单

Java web注册表单提交之后页面跳转总结

Java Web防止表单重复提交

苹果微信web无法提交form表单问题解决

通过传统的form表单提交的方式上传文件

Form表单提交到Web服务器

form表单put方式提交处理

form表单的四种提交方式

表单提交的几种方式

【web】form表单提交中文乱码问题

web表单提交方式

java web中表单提交的方式

web表单重复提交验证

Web表单提交之disabled问题

java web 表单提交过程中添加功能问题

web 表单提交按钮的测试点

web表单提交数组数据

web设计 提交表单 action method

Android简单的web提交表单登录

web手动进行Form表单提交

form表单提交的几种方式

MVC提交表单的方式

前端如何提交文件，不使用form表单提交方式提交文件，JS提交文件

总结之Web两种用户登录方式及JS信息验证操作——表单提交、ajax提交

SSM框架下实现form表单提交的方式

JAVA Web防止表单重复提交实例

web表单

Java web注册表单提交之后页面跳转总结

Java Web防止表单重复提交

苹果微信web无法提交form表单问题解决

通过传统的form表单提交的方式上传文件

Form表单提交到Web服务器

form表单put方式提交处理

form表单的四种提交方式

表单提交的几种方式

【web】form表单提交中文乱码问题

web表单提交方式

web设计提交表单 action method