Pass the value of a textbox as a parameter to a Javascript function without submit button

Question

I am writing because I have a problem with the passage of the value of a textbox without the submit button, but managing the event from the keyboard. The goal is to launch the function when I click the Enter key. I wrote this code, but for now it does not work:

 <form method="GET">
<input type="textfield"  id="testo_libero" onkeydown="javascript: if (event.Keycode==13) desc_ricerca(this.value);">
  </form>

In the Javascript file:

function desc_ricerca(valore){
     console.log("valore"+valore);
 }

Can anyone help me? I tried that but nothing ...

   function desc_ricerca(valore){    
     var cat = $("#testo_libero").val();
     console.log(cat);
   }

Answer 1

It seems like you're using jQuery. If so, you should look into using unobtrusive JavaScript. (You can write unobtrusive JavaScript even without jQuery, but jQuery makes it so much easier).

For example, your code can be rewritten as follows:

HTML:

<form method="GET">
    <input type="textfield"  id="testo_libero">
</form>

jQuery:

$('#testo_libero').on('keydown', function (e) {
    if (e.keyCode != 13) return;
    console.log('valore ' + this.value);
    return false;
});

Here's the fiddle: http://jsfiddle.net/wS5Db/