Question

I have this element:

<input type="text" id="unique_id" />

and I want to get the input string whenever there is some text in the form and the user presses enter.

Is that possible? How do I do it?

Thanks!

Answer 1

You can access the element the same way as any other, just use an id selector:

$('#unique_id').keypress(
    function(e){
        console.log($(this).val());
    });

The above will log, to the JavaScript console, the current value of the input element on every keypress. If you only need to know what the value is when data entry is complete, then use either blur(), or change():

$('#unique_id').blur(
    function(e){
        console.log($(this).val());
    });



$('#unique_id').change(
    function(e){
        console.log($(this).val());
    });

Note: you don’t need to use both, I’m just showing them both so you can see how to use them.

References:

• blur().
• change().
• keypress().