how to avoid multiple button click in formview in asp.net using script

Question

1.00/5 (2 votes)

See more:

hi to all,
Here i need how to avoid multiple click, here i done that process.now need is if i click save validation message show two time.how to avoid that.

coding is:-

script:

C#

function ClientSideClick(myButton) {

            if (typeof (Page_ClientValidate) == 'function')
               {
                if (Page_ClientValidate() == false)
                { return false; }
            }


            if (myButton.getAttribute('type') == 'button') {

                myButton.disabled = true;

            }

button is:-

SQL

<asp:Button ID="InsertButton" runat="server" CausesValidation="True" CommandName="Insert"
                                                                                  CssClass="savebutton1231" EnableTheming="false" SkinID="skinBtnSave" onclientclick="ClientSideClick(this)" UseSubmitBehavior="false" OnClick="InsertButton_Click"></asp:Button>

i need how to avoid same validation message twice.

Posted 21-Jul-15 1:36am

JOTHI KUMAR Member 10918227

Add a Solution

Comments

Sergey Alexandrovich Kryukov 21-Jul-15 9:21am

Not clear. You cannot avoid any clicks, because clicks are performed not by your code, but by the users. If you need to disable some button of first click, just do it.
—SA

JOTHI KUMAR Member 10918227 21-Jul-15 9:42am

hmm k but i done that but before button click i write some validation for textbox that is called twice.

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

PTG.Jake · Answer 1 · 2015-07-21T06:00:00

if using an updatepanel you can grey out the screen once the client clicks the button using css. this will prevent a secondary click.

XML

<ProgressTemplate>
<div class="divWaiting">

XML

.divWaiting{
position: absolute;
background-color: black;
z-index: 2147483647 !important;
opacity: 0.6;
overflow: hidden;
text-align: center; top: 0; left: 0;
height: 100%;
width: 100%;
padding-top:20%;
}

Frollick · Answer 2 · 2015-07-21T08:25:00

I have used the solution below with success. I had gotten this script from a co-worker of mine. It uses JavaScript functions to disable and enable the button. While disable it also sets the button image to a .gif to indicate processing.

Forgive me if this was already posted as a solution on another thread.

JavaScript

function disableBtn(btnID, newText) {
    //initialize to avoid 'Page_IsValid is undefined' JavaScript error
    Page_IsValid = null;
    //check if the page request any validation   
    // if yes, check if the page was valid
    if (typeof (Page_ClientValidate) == 'function') {
        Page_ClientValidate();
        //you can pass in the validation group name also
    }
    //variables
    var btn = document.getElementById(btnID);
    var isValidationOk = Page_IsValid;
    /********NEW UPDATE************************************/   
    //if not IE then enable the button on unload before redirecting/ rendering   
    if (navigator.appName !== 'Microsoft Internet Explorer')
    {
           EnableOnUnload(btnID, btn.value);   
    }   
    /***********END UPDATE ****************************/   
    // isValidationOk is not null
    if (isValidationOk !== null) {
        //page was valid
        if (isValidationOk) {
            btn.disabled = true;
            btn.value = newText;
            btn.style.background = 'url(~/images/ajax-loader.gif)';
        }
        else {//page was not valid
            btn.disabled = false;
        }
    }
    else {//the page don't have any validation request
        setTimeout("setImage('"+btnID+"')", 10);
        btn.disabled = true;
        btn.value = newText;
    }
}

//set the background image of the button
function setImage(btnID) 
{
    var btn = document.getElementById(btnID);
    btn.style.background = 'url(images/loading.gif)';
}

//enable the button and restore the original text value
function EnableOnUnload(btnID, btnText)
{
    window.onunload = function()
    {
            var btn = document.getElementById(btnID);
            btn.disabled = false;
            btn.value = btnText;
    }
}

Include a call to disableBtn OnClientClick with UseSubmitBehaviour set to false.

ASP.NET

<asp:button id="btnSubmit" runat="server" onclientclick="disableBtn(this.id, 'Submitting...')" text="Submit" usesubmitbehavior="False" xmlns:asp="#unknown" />

how to avoid multiple button click in formview in asp.net using script

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0