Jquery submit on enter key

Question

I have the following code:

<div class="search"> <input type="text" id="tbWasSearch" value="Search here..." class="project" onclick="this.value=''"/> <input type="button" id="tbWasSeachButton" class="tbWasSeachButton" onclick="searchWas();" /> </div> function searchWas() { var txt = $("#tbWasSearch").val(); if (txt != "") { var url = "http://eiff/server.pt?=" + txt; window.open(url); $("#tbWasSearch").val(''); } }

I want that once i put text in tbWasSearch and press enter, the text entered with inoke searchWas(); Should be the same mechanism as when i put text and click the search button

How can this be done?

Why don't you use form tags?

Littm
– Littm

2012-09-19 07:45:13 +00:00
Commented Sep 19, 2012 at 7:45 — Littm
– Littm, Commented Sep 19, 2012 at 7:45

m.piras · Accepted Answer · 2012-09-19 07:52:20Z

Using jQuery you can write something like this

$("#tbWasSearch").keyup(function(event){ if(event.keyCode == 13){ $("#tbWasSeachButton").click(); } });

where 13 is the keyCode for the return key

webdeveloper · Accepted Answer · 2012-09-19 08:54:49Z

Use keyuy event:

var reload = function(e) { if (e.keyCode == '13') searchWas(); }; $('#tbWasSearch').keyup(reload);

Mahmoud Farahat · Accepted Answer · 2012-09-19 08:24:58Z

0

also , if you use form tag you can use :

$('form:first').submit();

answered Sep 19, 2012 at 8:24

Mahmoud Farahat

5,4814 gold badges46 silver badges63 bronze badges

Comments

Bharat Chodvadiya · Accepted Answer · 2012-09-19 11:36:54Z

You use form something like this.. <script> function searchWas() { var txt = $("#tbWasSearch").val(); if (txt != "") { var url = "http://eiff/server.pt?=" + txt; window.open(url); $("#tbWasSearch").val(''); } } </script> <form action="javascript:searchWas();"> <div class="search"> <input type="text" id="tbWasSearch" value="Search here..." class="project" onclick="this.value=''"/> <input type="button" id="tbWasSeachButton" class="tbWasSeachButton" /> </div> </form>

Collectives™ on Stack Overflow

Jquery submit on enter key

4 Answers 4

Comments

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Related