博客

通常情况下，我们在做东西的时候，时常会用到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);
});

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