Asp.Net textbox TextChanged event is not firing in sharepoint page

Question

there's no event fired when TextBox changed : jQuery tested and work fine:

      <SharePoint:ScriptLink Language="javascript" 
          Name="~sitecollection/SiteAssets/content/Scripts/jquery-2.1.1.min.js" 
              runat="server" />

          $(document).ready(function () {

               $("#fbn").change(function () {
                  alert("fired");
               });
          });


    <asp:TextBox runat="server" ID="fbn" OnTextChanged="FilterByName" 
                     AutoPostBack="true"></asp:TextBox>

Malin De Silva · Accepted Answer · 2014-08-13 15:05:24Z

0

I think there is a better way of doing this.

Remove the OnTextChanged from the TextBox.

Then replace $("#fbn") with $('#' + '<%= fbn.ClientID %>')

The ID it shows in server side is different when the HTML code is rendered. So it will not hit from the jquery code.

answered Aug 13, 2014 at 15:05

Malin De Silva

2,3921 gold badge13 silver badges21 bronze badges

Add a comment |

Arsalan Adam Khatri · Accepted Answer · 2015-01-08 08:47:48Z

1

<asp:TextBox runat="server" ID="fbn" CssClass="fbn" OnTextChanged="FilterByName" 
                     AutoPostBack="true"></asp:TextBox>

$(document).ready(function () {
    $(".fbn").change(function () {
        alert("fired");
    });
 );

You can also just register the event on the control as Chromanin suggested.

Another option is to use server tags to print the ID into the javascript.

$(document).ready(function () {
    $("#<$= fbn.ClientID %>").change(function () {
        alert("fired");
    });
 );

edited Jan 8, 2015 at 8:47

Arsalan Adam Khatri

14.6k3 gold badges38 silver badges59 bronze badges

answered Jan 8, 2015 at 8:22

qweqweqwe

111 bronze badge

Add a comment |

Christoffel de Gruyter · Accepted Answer · 2014-08-13 15:00:26Z

0

You're using the wrong attribute. OnTextChanged is for serverside event handling. You need the clientside event.

Use onchange instead.

<asp:TextBox runat="server" ID="fbn" onchange="FilterByName()" 
                     AutoPostBack="false"></asp:TextBox>

answered Aug 13, 2014 at 15:00

Christoffel de Gruyter

9211 gold badge7 silver badges19 bronze badges

thanks first. but i attached the event automatically in javascript

ezzaam
– ezzaam

2014-08-13 15:03:50 +00:00
Commented Aug 13, 2014 at 15:03

Add a comment |

Sam Sussman · Accepted Answer · 2014-08-13 15:04:38Z

AutoPostBack will cause a server postback which won't allow the javascript function to fire.

Also the ID of the control does not stay that simple value. Here you have a few options, if you are not worried about hitting multiple text boxes, use classes.

<asp:TextBox runat="server" ID="fbn" CssClass="fbn" OnTextChanged="FilterByName" 
                     AutoPostBack="true"></asp:TextBox>

$(document).ready(function () {
    $(".fbn").change(function () {
        alert("fired");
    });
 );

You can also just register the event on the control as Chromanin suggested.

Another option is to use server tags to print the ID into the javascript.

$(document).ready(function () {
    $("#<$= fbn.ClientID %>").change(function () {
        alert("fired");
    });
 );

AutopostBack

Stack Exchange Network

Asp.Net textbox TextChanged event is not firing in sharepoint page

4 Answers 4

Your Answer

Linked

Hot Network Questions

Asp.Net textbox TextChanged event is not firing in sharepoint page

4 Answers 4

Your Answer

Sign up or log in

Post as a guest

Linked

Related

Hot Network Questions