ASP.NET button server click event not firing after jquery e.preventdefault() fires

Question

I have a web page where I use jQuery AJAX to load data from a database to fill a drop down list. When the jQuery function runs, the server events does not fire.

jQuery:

 $('#Cmb_PDept').on('change', function (e) {
                    e.preventDefault();
                    var DepartmentId = $('#Cmb_PDept :selected').val();
                    if (DepartmentId == 0) {
                        EmpCombo.empty();
                        textbox.val("");

                        return;
                    }
                    $.ajax({
                        type: "POST",
                        cache: false,
                        contentType: "application/json; charset=utf-8",
                        url: '/WebService/GetEmployeeByDepID.asmx/GetEmployee',
                        data: '{ "DepartmentId": "' + DepartmentId + '" }',
                        dataType: 'json',
                        success: function (data) {
                            var data = $.parseJSON(data.d)
                            var options = $("#Cmb_PEmp");
                            options.empty();
                            for (var i = 0; i < data.length ; i++) {
                                options.append("<option value='" + data[i]["EmployeeId"] + "'>" + data[i]["EmployeeName"] + "</option>");   
                            }
                            myEvent();
                        },
                        error: function () { alert("error"); }
                    });
                });

ASP.NET Button control

<asp:Button ID="Btn_PIncrementSave" runat="server" Text="Save" 
            OnClick="Btn_PIncrementSave_Click" CausesValidation="false" />

The onClick event

protected void Btn_PIncrementSave_Click(object sender, EventArgs e)
{
        try
        {
            TxBx_IncrementAmount.Text = Hid_BasicSalary.Value;
        }
        catch (Exception ex)
        {
            Utility.Msg_Error(this.Master, ex.Message);
        }
    }

This event does not fire. I think this is due to

 e.preventDefault();

When I remove this, the server-side event works properly.

If you want it to fire why are you even using e.preventdefault? — dsgriffin
– dsgriffin, Commented May 6, 2013 at 6:41
e.preventDefault(); if removing this working well then what is the issue? — Jai
– Jai, Commented May 6, 2013 at 6:42
when jquery executs its fuction server side events not fire.i bypass all jquery events then button click fire.when ever i executes jquery events server envents not fire. — Amjad Shah
– Amjad Shah, Commented May 6, 2013 at 6:44
you remove the e.PreventDefault() and add ClientIDMode="Static" in dropdown attributes, then try — Ehsan Sajjad
– Ehsan Sajjad, Commented May 6, 2013 at 6:48

Ehsan Sajjad · Accepted Answer · 2015-03-27 12:06:56Z

2

your answer is in the title of question, if you use e.PreventDefault() it stops to fire the server side event or if you write return false statement in that case also server side event will not fire. You remove the e.PreventDefault() form your code, it will fire then.

edited Mar 27, 2015 at 12:06

answered May 6, 2013 at 6:42

Ehsan Sajjad

62.6k16 gold badges113 silver badges171 bronze badges

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

Comments

Rajeshkumar Kandhasamy · Accepted Answer · 2013-05-06 06:49:34Z

1

To your ASP button add this ClientIDMode="Static" and Check. Weather the ASP:Button ID will be changed when the source is moved to Browser. May be that will be one reason. Check the ID by clicking the view source in your Browser.

edited May 6, 2013 at 6:49

answered May 6, 2013 at 6:43

Rajeshkumar Kandhasamy

6,4997 gold badges61 silver badges84 bronze badges

3 Comments

Ehsan Sajjad Over a year ago

try the way @RJK is saying, this will also resolve your issue actually when page is rendered asp.net changes the ids on client side so thats the issue

Amjad Shah Over a year ago

i alredy include cleintMode-sataic in web.confiq file

Rajeshkumar Kandhasamy Over a year ago

@AmjadShah Please Read this

Collectives™ on Stack Overflow

ASP.NET button server click event not firing after jquery e.preventdefault() fires

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related