Regex URL validation for angularjs

Question

I'm trying to create validation for URL which will accept the following cases with HTTP or https or without, with www or without, with subpages or without

http://website.com
https://website.com
http://website.com/
http://www.website.com
website.com
http://website.com/page/id/sdf

I tried the following, but it did not cover all cases above

$scope.urlPattern = '^(([a-z]+[.])?[a-z0-9-]+([.][a-z]{1,4}){1,2}(/.*[?].*)?$'
$scope.urlPattern = '^((https?|ftp)://)?([a-z]+[.])?[a-z0-9-]+([.][a-z]{1,4}){1,2}(/.*[?].*)?$'

I do not have permission to add a comment, So I am editing for my answer only. Below link has all type of URL validation, hope it will help you:

All type URL validation link

consider the m-flag for multiline search

Deadooshka
– Deadooshka

2017-04-07 09:40:09 +00:00
Commented Apr 7, 2017 at 9:40 — Deadooshka
– Deadooshka, Commented Apr 7, 2017 at 9:40
or you can use the ultimate gist.github.com/dperini/729294

tanmay
– tanmay

2017-04-07 09:41:53 +00:00
Commented Apr 7, 2017 at 9:41 — tanmay
– tanmay, Commented Apr 7, 2017 at 9:41

Jeffrey · Accepted Answer · 2017-04-07 10:20:05Z

1

If you just want to validate the url, you don't really need to concern the 'www' condition (since it is included in other condition)

Something simple can be done like this:

'^(https?:\/\/)*[a-z0-9-]+(\.[a-z0-9-]+)+(\/[a-z0-9-]+)*\/?$'

JSFiddle: https://jsfiddle.net/q0d69jq3/2/

answered Apr 7, 2017 at 10:20

Jeffrey

635 bronze badges

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

Comments

Sreeragh A R · Accepted Answer · 2017-04-07 10:21:19Z

0

var result = url.match(/(http(s)?://.)?(www.)?[-a-zA-Z0-9@:%.+~#=]{2,256}.[a-z]{2,6}\b([-a-zA-Z0-9@:%+.~#?&//=]*)/g);

    if (result == null) {
                            return false;
                        }
                        return true;
                    };

answered Apr 7, 2017 at 10:21

Sreeragh A R

3,0413 gold badges32 silver badges58 bronze badges

Collectives™ on Stack Overflow

Regex URL validation for angularjs

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related