How to check URL contains http using JQuery and RegEx

Question

How can I check and add http (if it does not exist) in given url using jQuery and RegEx?

I tried the following:

jQuery("#text_box_url").blur(function() {
    if (jQuery(this).val()) {
        if(jQuery(this).val().match(/~^(?:f|ht)tps?:/))
            jQuery(this).val("http://"+jQuery(this).val());
    }
});

Thanks in advance.

duplicate of: stackoverflow.com/questions/282444/…?

JMax
– JMax

2011-10-06 10:00:39 +00:00
Commented Oct 6, 2011 at 10:00 — JMax
– JMax, Commented Oct 6, 2011 at 10:00

John Keyes · Accepted Answer · 2015-09-18 20:12:18Z

19

Working example here: http://jsfiddle.net/jkeyes/dYbfY/2/

$("#text_box_url").blur(function() {
  var input = $(this);
  var val = input.val();
  if (val && !val.match(/^http([s]?):\/\/.*/)) {
    input.val('http://' + val);
  }
});

Update a solution that leaves all values with a scheme untouched: http://jsfiddle.net/jkeyes/c6akr9y2/

edited Sep 18, 2015 at 20:12

answered Oct 6, 2011 at 10:06

John Keyes

5,6142 gold badges33 silver badges51 bronze badges

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

3 Comments

danyo Over a year ago

just what i was looking for!

nmargaritis Over a year ago

what if the url is something like this ftp://example.com? Try it out

John Keyes Over a year ago

@nmargaritis true, it was an "example" not a solution as the answer pointed out. I've added an updated fiddle that leaves any value with a scheme untouched.

Collectives™ on Stack Overflow

How to check URL contains http using JQuery and RegEx

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related