Javascript防止表单重复提交

 

Javascript防止表单重复提交

 

 

先写一个提交页面，form.html，如下：

  
    
	
    
    
    
    
    

  
  
  
    

    	用户名：
    	
    
  

再写DoFormServlet.java，如下：

package cn.itcast.form;

import java.io.IOException;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class DoFormServlet extends HttpServlet {

	public void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		String username =request.getParameter("username");
		
		try {
			Thread.sleep(3*1000);
		} catch (InterruptedException e) {
			e.printStackTrace();
		}
		
		System.out.println("想数据库中注册数据......");

	}

	public void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		doGet(request, response);
	}

}

当你再浏览器中输入http://localhost:8088/Day07/form.html，出现表单，随便输入几个字母，然后在3秒内点击提交3次。

在Myeclipse的输出栏中打印如下：

 

想数据库中注册数据......
想数据库中注册数据......
想数据库中注册数据......

 

用javascript  代码解决，改动