Form表单提交非空判断及防止重复提交

古城微笑少年丶 2022-02-19 00:21 516阅读 0赞

**通常情况下，我们在做东西的时候，时常会用到Form表单的submit提交方式，但是时常会出现表单的空值提交，或者进行多次的提交，下面就来说一下我是怎样实现两种功能的。**

### 非空判断 ###

**错误示范：**

$("#btn").click(funtion(){
            var userName = $("#userName").val();
            var passWord = $("#passWord").val();
            if(userName ==''){
                alert("用户名不能为空")
            }
            if(passWord ==''){
                alert("密码不能为空")
            }
    }

**实际上述代码的alert( )并不能阻止该表单提交一个空值。所以我们需要在表单提交之前加一个方法判断提交的为非空数据，我的实现方法是这样的：**

function check(){
    　　var userName = $("#userName").val();　　
    　　if(userName == null || userName == ""){
    　　　　alert("用户名不能为空");
    　　　　return false;
    　　}
    　　return true;
    }

**然后在form标签中加入这样一句代码：**

> **οnsubmit="return check()"**

**就可以实现非空数据的提交了** 。

### 防止数据重复提交 ###

**我的实现方式**

var unDownloadFlag = false;
    $('.Template').click(function (event) {
        if(unDownloadFlag){
    		return false;
    	}
    	window.location.href='/sq/download';
    	unDownloadFlag = true;
    	setTimeout(function () {
    		unDownloadFlag = false;
    	},2000);
    });

**定义布尔值，当用户提交数据时将提交按钮封锁，在两秒之后再次开启用户的提交，防止用户多次点击造成的多次提交，我的是下载功能，防止多次下载使用。**

发表评论取消回复

表情：

评论列表（有 0 条评论，516人围观）

还没有评论，来说两句吧...

相关阅读

相关防止表单重复提交

什么是表单重复提交：由于网速问题，用户不端点击提交按钮，或者刷新页面。或，已经提交成功，用户点击后退，然后恶意刷新页面形成重复提交的问题。一）、令牌机制：在struts

╰半橙微兮°/ 2024年02月17日 22:50/ 0 赞/ 176 阅读

相关如何防止表单重复提交

在平时开发中，如果网速比较慢的情况下，用户提交表单后，发现服务器半天都没有响应，那么用户可能会以为是自己没有提交表单，就会再点击提交按钮重复提交表单，我们在开发中必须防止表单重

你的名字/ 2023年10月17日 11:34/ 0 赞/ 337 阅读

相关 form表单提交，防止自带提交

防止表单自动提交，防止submit和button提交表单 <form name="frm" method="post" οnsubmit="return false;">

分手后的思念是犯贱/ 2023年10月06日 23:44/ 0 赞/ 40 阅读

相关防止表单重复提交

> 一个业务真实场景：在执行表单保存的时候，由于网络延迟等原因，点击保存按钮直接刷新页面，浏览器会重复提交表单信息导致数据库插入两条数据，这种情况控制保存按钮不能解决，设置主键

分手后的思念是犯贱/ 2023年07月08日 05:54/ 0 赞/ 47 阅读

相关表单重复提交（token防止表单重复提交）

1. 表单提交页面 <% String uuid=UUID.randomUUID.toString(); session.setAttrib

ゝ一纸荒年。/ 2023年07月03日 06:29/ 0 赞/ 133 阅读

相关 session防止表单重复提交

有一个生成表单号的sevlet public class FormServlet extends HttpServlet { private static

阳光穿透心脏的1/2处/ 2022年08月12日 05:29/ 0 赞/ 351 阅读

相关 FORM表单防止页面重复提交

应用场景：因为考虑系统安全以及数据准确性的问题，表单提交后应该拒绝重复提交。分析：我们可以给页面做标记，进入表单创建页面时设置一个唯一标记值同时把这个标记值用SESSION

ゝ一纸荒年。/ 2022年07月15日 07:11/ 0 赞/ 399 阅读

相关防止表单重复提交

开发的项目中可能会出现下面这些情况： 1. 由于用户误操作，多次点击表单提交按钮。 2. 由于网速等原因造成页面卡顿，用户重复刷新提交页面。 3. 黑客或恶意用户使用p

深藏阁楼爱情的钟/ 2022年04月03日 14:14/ 0 赞/ 539 阅读

相关 Form表单提交非空判断及防止重复提交

通常情况下，我们在做东西的时候，时常会用到Form表单的submit提交方式，但是时常会出现表单的空值提交，或者进行多次的提交，下面就来说一下我是怎样实现两种功能的。非空

古城微笑少年丶/ 2022年02月19日 00:21/ 0 赞/ 517 阅读

相关 php防止表单重复提交

后端防止重复提交的基本原理: 服务器返回表单页面时，会先生成一个subToken保存于session，并把该subToen传给表单页面。当表单提交时会带上subToken，

青旅半醒/ 2022年01月17日 10:47/ 0 赞/ 527 阅读