Shulou(Shulou.com)06/03 Report--

This article introduces the knowledge about "how to prevent duplicate submission and perform JS verification in the foreground when submitting ASP.NET forms." In the actual case operation process, many people will encounter such difficulties. Next, let Xiaobian lead you to learn how to deal with these situations! I hope you can read carefully and learn something!

To do Internet web projects, you need to perform JS or Jquery validation in the foreground (mainly to enhance the user experience), then use the above method, there will be problems. Either duplicate commits still exist or foreground JS validation fails. Finally, there is no way, only write one yourself, in the case of satisfying the prevention of repeated user submissions, but also to ensure that the foreground JS verification is effective. The code is as follows:

The copy code is as follows:

//button Register Load Style event

var ItSelfButton;

var ControlRegPostResult = true;

function AddInputClick() {

$("input[type='submit']").click(function () {

ItSelfButton = $(this);

if (ItSelfButton.attr("repeat") == null) {

var btnDiv = $("");

btnDiv.attr("id", "Mask_BTN");

var divimg = $("

");

divimg.attr("alt", "加载中...");

divimg.attr("src", "/Images/ButtonLoading.gif");

divimg.css({ "margin-left": ($(this).width() - 4) / 2, "margin-top": ($(this).height() - 16) / 2 });

btnDiv.append(divimg);

btnDiv.css({ width: $(this).width() + 12 + "px", height: $(this).height() + "px", top: $(this).offset().top + "px", left: $(this).offset().left + "px", position: "absolute" });

$(document.body).append(btnDiv);

setTimeout(MaskTimeOutRemove, 200);

}

});

}

$(function () {

AddInputClick();

});

$(window).resize(function () {

if (ItSelfButton != null) {

$("#Mask_BTN").css({ top: ItSelfButton.offset().top + "px", left: ItSelfButton.offset().left + "px" });

}

});

function MaskRemove() {

$("#Mask_BTN").remove();

}

function MaskTimeOutRemove() {

if (!ControlRegPostResult) {

$("#Mask_BTN").remove();

ControlRegPostResult = true;

}

}

其中在JS 验证失败中将

复制代码 代码如下:

ControlRegPostResult = false;

ButtonLoading.gif 可以是一个打转的图片 ，也可以和按钮一样大。反正目的是这个层把按钮遮住。

"如何实现asp.net表单提交时防重复提交并执行前台的JS验证"的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注网站，小编将为大家输出更多高质量的实用文章!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.