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

2

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

answered Sep 19, 2012 at 7:52

m.piras

4201 gold badge3 silver badges20 bronze badges

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

Comments

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

0

Use keyuy event:

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

$('#tbWasSearch').keyup(reload);

edited Sep 19, 2012 at 8:54

answered Sep 19, 2012 at 7:47

webdeveloper

17.3k3 gold badges51 silver badges47 bronze badges

Comments

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

0

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>

answered Sep 19, 2012 at 11:36

Bharat Chodvadiya

1,6484 gold badges20 silver badges31 bronze badges

Collectives™ on Stack Overflow

Jquery submit on enter key

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related