Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 292
  • Last Modified:

JavaScript disable button

How would I go about disabling a .Net button on Click event using JavaScript?
0
lrbrister
Asked:
lrbrister
2 Solutions
 
guru_samiCommented:
There are several ways. Here's one:
function Disable(btn) {
            btn.disabled = true;
        }
<asp:Button ID="btnSave" runat="server" Text="Button" OnClientClick="Disable(this);" />

Open in new window

0
 
Russ SuterCommented:
The above will disable the button. If you want to prevent the button from running server-side code then you can use this:

<asp:Button ID="btnSave" runat="server" Text="Button" OnClientClick="return false;"></asp:button>

Open in new window


You can augment this system by returning the value of any function. I've found this handy in the past. For example, you could write a javascript function which asks the user for confirmation via the "confirm" javascript method. If they don't confirm then return false. It might look like this:

function foo()
{
    if (!confirm("Are you sure?"))
    {
        return false;
    }
    return true;
}

<asp:Button ID="btnSave" runat="server" Text="Button" OnClientClick="return foo();"></asp:button>

Open in new window

0
 
Monica PCommented:
<asp:Button ID="Button1" runat="server" Text="Button"  onclientclick="disableBtn"/>

<script type="text/javascript">
    function disableBtn()
    {
    var btn= document.getElementById("<%=Button1.ClientID%>");
    btn.disabled=true;
    }
</script>



get the button id

Var button1=document.getElementById('<%= btnName.ClientID %>')
button1.style.display="block";

or

document.getElementById("button1").style.display="block";

or disable like this

btnName.Attributes.Add("onclick", "this.disabled=true;" + GetPostBackEventReference(btnName).ToString());

incase of restricting multiple click on postback

http://encosia.com/disable-a-button-control-during-postback/
0
 
lrbristerAuthor Commented:
You guys were first.
Thanks
0

Featured Post

Nothing ever in the clear!

This technical paper will help you implement VMware’s VM encryption as well as implement Veeam encryption which together will achieve the nothing ever in the clear goal. If a bad guy steals VMs, backups or traffic they get nothing.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now