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

古城微笑少年丶 2022-02-19 00:21 401阅读 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 条评论，401人围观）

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

相关阅读

相关 java 防止表单重复提交

防止表单重复提交，或者是防止按F5 刷新提交表单。在WEB开发中是经常会碰到这样的问题的。目前主流的解决方法有以下三种： 1、采用脚本来解决 2、重定向到别的页面

快来打我*/ 2024年02月19日 21:37/ 0 赞/ 77 阅读

相关防止表单重复提交

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

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

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

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

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

相关 session防止表单重复提交

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

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

相关 php防止表单重复提交

防止表单重复提交的方法有很多种，那么今天就给大家介绍一种php如何有效的防止表单重复提交。代码非常简单：我相信大家很聪明给大家分享一个小的demo，大家可以借鉴一下：

布满荆棘的人生/ 2022年07月16日 02:24/ 0 赞/ 310 阅读

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

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

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

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

方法一：基于客户端：利用javascript <script> var isCommitted=false; function checkPost()

水深无声/ 2022年07月12日 15:06/ 0 赞/ 306 阅读

相关防止表单重复提交

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

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

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

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

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

相关 php防止表单重复提交

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

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