Jquery Validation to validate URL

Question

I am trying to validate URL in jQuery regular expression using below code. It is working fine with http://www and https://www

var myVariable = "http://www.example.com/2013/05/test-page-url-512-518.html";

if(/^(http:\/\/www\.|https:\/\/www\.|http:\/\/|https:\/\/|www\.)[a-z0-9]+([\-\.]{1}[a-z0-9]+)*\.[a-z]{2,5}(:[0-9]{1,5})?(\/.*)?$/.test(myVariable)){
    alert("valid url");
} else {
    alert("invalid url");
}

Edit:-

Above code work perfectly to validate URL. That time my requirement was only to validate http://www and https://www

http://stackoverflow.com/questions/2723140/validating-url-with-jquery-without-the-validate-plugin — , May 14 '13 at 07:45
Subdomains are the third level domains that are used to organize your web site content. !so http://wsww. is a valid url like https://mail.google.com... — Kld, May 14 '13 at 07:49

score 10 · Answer 1 · answered May 14 '13 at 07:45

10

Check this - http://docs.jquery.com/Plugins/Validation/Methods/url

$("#myform").validate({
  rules: {
    field: {
      required: true,
      url: true
    }
  }
});

answered May 14 '13 at 07:45

ChamingaD

2,808
8
34
57

2

This is better than the accepted answer. No need to write and verify the regex yourself + this doesn't only check for http:// at the beginning of the URL. – Ridz Jan 01 '14 at 17:48

score 2 · Answer 2 · answered May 14 '13 at 07:52

You can change your Regex, actually there is a repetition of item i.e. http:\/\/|https:\/\/|www\.

This code will work out for you:

var myVariable = "http://www.example.com/2013/05/test-page-url-512-518.html";

if(/^(http:\/\/www\.|https:\/\/www\.)[a-z0-9]+([\-\.]{1}[a-z0-9]+)*\.[a-z]{2,5}(:[0-9]{1,5})?(\/.*)?$/.test(myVariable)){
    alert("valid url");
} else {
    alert("invalid url");
}

score 2 · Answer 3 · edited Sep 12 '13 at 09:24

2

You want to validate your URL:

Please pass the URL in this function then this will give you true OR false.

The Function :

<script>
function isUrl(s) {
    var regexp = /(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/
    return regexp.test(s);
}

isUrl(yourURL);
</script>

edited Sep 12 '13 at 09:24

bummi

26,839
13
60
97

answered Sep 12 '13 at 09:21

Vishnu Sharma

1,299
12
11

score 1 · Accepted Answer · answered May 14 '13 at 07:47

1

your pattern is defined as

^(http:\/\/|someting else

thus any-urls begin with "http://" would be validated.

answered May 14 '13 at 07:47

Chu Ya'an Xiaonan

95
6

1

yeah i mean that any-urls as "http://[sth].[sth].[sth]" (sth for something) will work fine – Chu Ya'an Xiaonan May 14 '13 at 07:58

score 0 · Answer 5 · answered May 14 '13 at 07:45

try this--->

var myVariable = "http://www.Test.com/";
if(/^([a-z]([a-z]|\d|\+|-|\.)*):(\/\/(((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?((\[(|(v[\da-f]{1,}\.(([a-z]|\d|-|\.|_|~)|[!\$&'\(\)\*\+,;=]|:)+))\])|((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|(([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=])*)(:\d*)?)(\/(([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*|(\/((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)|((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)|((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)){0})(\?((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(\#((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/i.test(myVariable)) {
  alert("valid url");
} else {
  alert("invalid url");
}

Jquery Validation to validate URL

5 Answers5