Trigger button's click event when user types in textbox

Question

I want to trigger button's click event when user types something in textbox. I have written the following textbox control and JQuery:

<asp:textbox id="description" runat="server" class="myclass">
<asp:Button id="btnApply" runat="server">

$(function () {
    $(".myClass").keyup(function (event) {
        $("#<%=btnApply.ClientID%>").click();
    });
});

When i enter first character in the textbox, the click event of button is triggered. But when i continue typing in the textbox the click event of button is not triggered on each key press. If i use keypress or keydown same issue is there along with textbox value is not retained. while when using keyup, the textbox is retained.

you need .trigger("click") .A simple search would have thrown many such results. — roshan
– roshan, Commented Mar 3, 2015 at 21:06
@roshan: not true. .click() calls trigger("click") internally. james.padolsey.com/jquery/#v=1.10.2&fn=jQuery.fn.click — codeandcloud
– codeandcloud, Commented Mar 3, 2015 at 21:12
@Mayur: is your page under inside updatepanel? unless this won't make sense. — codeandcloud
– codeandcloud, Commented Mar 3, 2015 at 21:13
why do you need $("#<%=btnApply.ClientID%>") instead of $('#btnApply') ? — Caner Akdeniz
– Caner Akdeniz, Commented Mar 3, 2015 at 21:17
@CanerAkdeniz: its framework related. it kinda muddles the id — codeandcloud
– codeandcloud, Commented Mar 3, 2015 at 21:19

Vim · Accepted Answer · 2015-03-03 21:25:03Z

0

Use trigger as shown below,

<asp:textbox id="description" runat="server" class="myclass">
    <asp:Button id="btnApply" runat="server">

    $(function () {
        $(".myClass").keyup(function (event) {
            $('#btnApply').trigger('click');
        });
    });

Also, add the click event and its functionality for the button.

answered Mar 3, 2015 at 21:25

Vim

5596 silver badges16 bronze badges

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

Comments

Med.Amine.Touil · Accepted Answer · 2015-03-03 22:15:21Z

0

include it inside your document.ready

$(document).ready(

$(".myClass").on('keyup',function (event) {
    $("#<%=btnApply.ClientID%>").trigger('click');
});

You can aslo change "keyup" by "change" if you want to fire your event once the text edition has been finished

answered Mar 3, 2015 at 22:15

Med.Amine.Touil

1,2352 gold badges12 silver badges15 bronze badges

Collectives™ on Stack Overflow

Trigger button's click event when user types in textbox

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related