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: http://stackoverflow.com/questions/282444/how-can-i-use-javascript-on-the-client-side-to-detect-if-the-page-was-encrypted? — JMax, Oct 06 '11 at 10:00

John Keyes · Accepted Answer · 2015-09-18T20:12:18.387

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 '15 at 20:12

answered Oct 06 '11 at 10:06

John Keyes

5,479
1
29
48

just what i was looking for! – danyo May 24 '13 at 23:55
what if the url is something like this `ftp://example.com`? Try it out – nmargaritis Sep 11 '15 at 13:24
@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. – John Keyes Sep 18 '15 at 20:11

How to check URL contains http using JQuery and RegEx

1 Answers1

Linked