Bootstrap Button_Click Event Not Firing

Question

I have a form designed with a button which should call a stored procedure. For now, I just want the button to display text in a textbox (just to make sure the button is working). However, I cannot get it to fire the button_click event.

Here is what I have:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
<form id="form1" runat="server">
<div class="container-fluid">
    <section class="container">
        <div class="container-page">                
            <div class="col-md-6">
                <h3 class="dark-grey">Registration</h3>

                <div class="form-group col-lg-12">
                    <label>Username</label>
                    <input type="" name="" class="form-control" id="" value="">
                </div>

                <div class="form-group col-lg-6">
                    <label>Password</label>
                    <input type="password" name="" class="form-control" id="" value="">
                </div>

                <div class="form-group col-lg-6">
                    <label>Repeat Password</label>
                    <input type="password" name="" class="form-control" id="" value="">
                </div>

                <div class="form-group col-lg-6">
                    <label>Email Address</label>
                    <input type="" name="" class="form-control" id="" value="">
                </div>

                <div class="form-group col-lg-6">
                    <label>Repeat Email Address</label>
                    <input type="" name="" class="form-control" id="" value="">
                </div>          


            <div class="col-md-6">
                <h3 class="dark-grey">Terms and Conditions</h3>
                <p>
                    By clicking on "Register" you agree to the Terms and Conditions.
                </p>

                <button type="submit" class="btn btn-primary" onclick="btnSumbit_Click">Register</button>
                <br />
                <br />
                <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
            </div>
        </div>
    </section>
</div>
</form>
</body>
</html>

My c# code is:

protected void btnSumbit_Click(object sender, EventArgs e)
{
    TextBox1.Text = "Registered";
}

Any idea why this will not work?

Sander · Accepted Answer · 2014-12-02 10:21:27Z

3

My guess is that you are getting a normal <button> mixed up with an <asp:Button>.

Your current implementation wants to run a javascript function name btnSubmit_Click and does not have any connection to your C# code-behind.

...
<asp:Button type="submit" CssClass="btn btn-primary" OnClick="btnSumbit_Click" runat="server">Register</asp:Button>
...

I haven't been able to test if it works myself.

edited Dec 2, 2014 at 10:21

answered Nov 24, 2014 at 14:32

Sander

1,3141 gold badge16 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Lukos · Accepted Answer · 2014-11-24 14:52:24Z

2

If you need to use an html button, instead of an ASP Button control (for instance, if you need something other than text in the button), you can still do it like this (using runat=server and OnServerClick):

<button runat="server" type="button" id="updateButton" onserverclick="UpdateEmail_Click" class="btn btn-success btn-block" title="<%$ Resources:UserMessages, UpdateCaps %>"><asp:Localize ID="Localize5" runat="server" Text="<%$ Resources:UserMessages, UpdateCaps %>"></asp:Localize></button>

answered Nov 24, 2014 at 14:52

Lukos

1,8622 gold badges15 silver badges29 bronze badges

1 Comment

Roland Kwee Over a year ago

Works great! Without this, we could not use any of the nice Bootstrap buttons in Asp.Net, and the regular asp buttons are ugly.

MattD · Accepted Answer · 2014-11-24 14:58:07Z

0

If you're using a standard HTML button, you need to:

Add runat="server" to your button.
Set your button to use onserverclick instead of onclick.

http://msdn.microsoft.com/en-us/library/system.web.ui.htmlcontrols.htmlbutton.onserverclick(v=vs.110).aspx

So:

<button runat="server" class="btn btn-primary" onserverclick="Method_Name"...

Alternatively, you can use Bootstrap classes with the <asp:Button... tags as well. You'll simply apply them to an attribute called CssClass instead of `class'.

So:

<asp:Button type="submit" runat="server" CssClass="btn btn-primary" OnClick="Method_Name"...

answered Nov 24, 2014 at 14:58

MattD

4,4182 gold badges38 silver badges46 bronze badges

Collectives™ on Stack Overflow

Bootstrap Button_Click Event Not Firing

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related