VB.NET: How to execute jquery code when pressing enter in textbox

Question

I have an issue where I'm trying to execute a search query from a textbox and attempting to use enter to initiate the search; however, it doesn't seem to be working. I'm wondering if vb.net/asp.net is doing a postback or something that I'm not aware of.

ASPX Page

 <form class="navbar-search">
     <input id="searchbox" type="text" class="search-query span3" placeholder="Search" />
     <div class="icon-search"></div>
 </form>

JQuery

$('#searchbox').keyup(function (e) {
    //alert("this will execute");
    if (e.which == 13) {
        alert("this will not execute");
        //window.location.href = "http://www.google.com/";
    }
});

I can't get the alert box to execute or the change location to work... if anyone can help I appreciate it.

Works here: jsfiddle.net/YAfeN -- Is your input actually an ASP.NET control? — tymeJV
– tymeJV, Commented May 1, 2013 at 13:57
It works only if you press enter key because of the condition e.which ==13 jsfiddle.net/M2GPb — cheedep
– cheedep, Commented May 1, 2013 at 13:58
you can't add a form into ASP.Net. ASP.Net add's a form be default for the __doPostback — Liam
– Liam, Commented May 1, 2013 at 14:00
Yes but when I press the enter key in my asp page the page refreshes instead of executing the code. I'm unsure why this is happening. — daveomcd
– daveomcd, Commented May 1, 2013 at 14:00
@Liam what do you mean you can't add a form into ASP.NET? His form doesn't have runat=server on it, and as long as it isn't nested in another form, he is OK. Although chances are he has put this form inside another one... — MikeSmithDev
– MikeSmithDev, Commented May 1, 2013 at 14:07

palaѕн · Accepted Answer · 2013-05-01 14:11:02Z

1

Try this:

$("#searchbox").keypress(function (e) {
    //alert("this will execute");
    var code = e.keyCode || e.which;
    if (code == 13) {
        alert("this will not execute");
        //window.location.href = "http://www.google.com/";
    }
});

and to stop page from refreshing on-enter use this:

$(document).keydown(function (e) {
    var code = e.keyCode || e.which;
    if (code === 13) {
        e.preventDefault();
    }
});

FIDDLE

edited May 1, 2013 at 14:11

answered May 1, 2013 at 14:04

palaѕн

74.2k17 gold badges123 silver badges140 bronze badges

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

1 Comment

tymeJV Over a year ago

Well this code is right, however I think OP has a different problem than he thinks..

mmpatel009 · Accepted Answer · 2013-05-01 14:05:53Z

0

Please try this.

$("#searchbox").live("keyup", function(event) {
        if (event.keyCode == 13) {
            //window.location.href = "http://www.google.com/";
        }
    });

This was worked for me...

answered May 1, 2013 at 14:05

mmpatel009

9415 gold badges11 silver badges25 bronze badges

4 Comments

tymeJV Over a year ago

I wouldn't be using live with the latest verion of jQuery.

mmpatel009 Over a year ago

i have use jquery-1.4.2.min.js version.

MikeSmithDev Over a year ago

@tymeJV wouldn't be = can't! :)

tymeJV Over a year ago

@Mayur -- Unless a question is specifically asked in a lower version of jQuery, answering with one may not be beneficial, just a thought :)

Collectives™ on Stack Overflow

VB.NET: How to execute jquery code when pressing enter in textbox

2 Answers 2

1 Comment

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related