onclick event not working asp.net

Question

hi frends I have this button and it's button click not working

<asp:Button ID="btnfirstnext" runat="server" Text="Next" class="next1 action-button" OnClick="btnfirstnext_Click" OnClientClick="return false;" />

Here, I use JavaScript like

$(".next1").click(function () {
            if (animating) return true;
            animating = true;

            current_fs = $(this).parent();
            next_fs = $(this).parent().next();

            //activate next step on progressbar using the index of next_fs
            $("#progressbar li").eq($("fieldset").index(next_fs)).addClass("active");

            //show the next fieldset
            next_fs.show();

            //hide the current fieldset with style
            current_fs.animate({ opacity: 0 }, {
                step: function (now, mx) {
                    //as the opacity of current_fs reduces to 0 - stored in "now"
                    //1. scale current_fs down to 80%
                    scale = 1 - (1 - now) * 0.2;
                    //2. bring next_fs from the right(50%)
                    left = (now * 50) + "%";
                    //3. increase opacity of next_fs to 1 as it moves in
                    opacity = 1 - now;
                    current_fs.css({ 'transform': 'scale(' + scale + ')' });
                    next_fs.css({ 'left': left, 'opacity': opacity });
                },
                duration: 800,
                complete: function () {
                    current_fs.hide();
                    animating = false;
                },
                //this comes from the custom easing plugin
                easing: 'easeInOutBack'
              // $('btnfirstnext').trigger('click');

            });
        });

and I want run some code on button clickevent like

protected void btnfirstnext_Click(object sender, EventArgs e)
    {
        lblmessage.text="Hello this button click working";

    }

Here you can see this above detail when I load this code it run only JavaScript but not working button click event. and this JavaScript is for one popup. Please help me for out of this.

Chaos Legion · Accepted Answer · 2016-05-06 12:16:00Z

2

Please remove OnClientClick="return false;" part in the aspx. I suspect it's preventing the postback.

answered May 6, 2016 at 12:16

Chaos Legion

3,0101 gold badge17 silver badges14 bronze badges

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

1 Comment

kumbhani bhavesh Over a year ago

if i remove OnClientClick="return false;" than my page will be load and don't want it because it open one popup when i click on button .

Adil · Accepted Answer · 2016-05-06 12:12:41Z

1

You are returning false from OnClientClick, if you return false from the OnClientClick javascript event handler then you wont get the post back you can return true alway if you always need postback. You can return true or false conditionally otherwise.

Use only jQuery click event handler you have and remove On OnClientClick

answered May 6, 2016 at 12:12

Adil

148k25 gold badges217 silver badges207 bronze badges

1 Comment

kumbhani bhavesh Over a year ago

if i remove OnClientClick="return false;" than my page will be load and don't want it because it open one popup when i click on button .

Husni Salax · Accepted Answer · 2016-05-06 12:14:50Z

0

Try this:

$(document).ready(function(){
  $(".next1").click(function () {

   //Your Code here


  });
});

And remove it: OnClientClick="return false;"

answered May 6, 2016 at 12:14

Husni Salax

2,0181 gold badge21 silver badges30 bronze badges

1 Comment

kumbhani bhavesh Over a year ago

if i remove OnClientClick="return false;" than my page will be load and don't want it because it open one popup when i click on button .

Brendan Vogt · Accepted Answer · 2016-05-06 12:25:22Z

0

You need to remove OnClientClick="return false;" in your asp:Button. It is preventing your postback. Your button will need to look something like this:

<asp:Button ID="btnfirstnext" runat="server" Text="Next" class="next1 action-button" OnClick="btnfirstnext_Click" />

I will only make use of the click event handler to handle this. I would also add the document ready part:

$(document).ready(function() {
     $(".next1").click(function() {
          // Add the rest of your code
     });
});

I hope this helps.

answered May 6, 2016 at 12:25

Brendan Vogt

26.1k39 gold badges152 silver badges236 bronze badges

Comments

Sandeep Kumar · Accepted Answer · 2016-05-06 12:26:55Z

0

<asp:Button ID="btnfirstnext" runat="server" Text="Next" class="next1 action-button" OnClick="btnfirstnext_Click"; />

You have to remove OnClientClick="return false;".

answered May 6, 2016 at 12:26

Sandeep Kumar

1,2021 gold badge10 silver badges22 bronze badges

Collectives™ on Stack Overflow

onclick event not working asp.net

5 Answers 5

1 Comment

1 Comment

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

1 Comment

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related