perform javascript event when url entered in the textbox

Question

I have a showPreview option for an entered URL on my site just like Facebook shows a preview of the URL.

When the User enters the url, the following condition gets verified:

$('#text').keyup(function(e) {
            allowPosting = true;
    if ((e.which === 13 || e.which === 32 || e.which === 17) && trim($(this).val()) !== "") 
}

Key code:

13 - Enter
45 - Insert
17 - control

Now the function is being called when the user copy and pastes the URL or Selects the URL from the preview and presses Enter key

What I want:

The preview should be shown if the user types in the URL, even if the user does not press the enter key or copy and pastes the URL.

What should I do?

user2896540 · Accepted Answer · 2013-10-28 18:16:34Z

1

Here is your code, this will do everything you wrote:

 $('#text').keyup(function(e) {
    allowPosting = true;
    if (/(^|\s)((http:\/\/|https:\/\/)[a-zA-Z0-9!*'();:@&=+$,\/?#[\]\-_.~]+)/.test($("#text").val()) && trim($(this).val()) !== "")
    {
        // DO STUFF
    }
});

It will also check if the input is a link or not, so that the user can enter "http://google.com/" and not e.g. "asdf"!

edited Oct 28, 2013 at 18:16

answered Oct 28, 2013 at 18:11

user2896540

2281 gold badge2 silver badges7 bronze badges

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

Comments

Einacio · Accepted Answer · 2013-10-28 18:09:59Z

1

check the .val() after every keyup, not only on Enter, and if it is an URL, do the rest

answered Oct 28, 2013 at 18:09

Einacio

3,5422 gold badges19 silver badges21 bronze badges

Comments

Ankit Tyagi · Accepted Answer · 2013-10-28 18:11:44Z

1

Try change in place of keyup :

$('#text').change(function(){...});

answered Oct 28, 2013 at 18:11

Ankit Tyagi

2,37511 silver badges20 bronze badges

Collectives™ on Stack Overflow

perform javascript event when url entered in the textbox

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related