detect if string is a valid URL and is not empty [duplicate]

Question

I would like to check if one of the input fields is empty and if the #urlink is a the format of a URL before I perform this function in the js:

$scope.favUrls.$add

not sure how to go about it.

html

<input type="text" id="urlName" class="form-control" placeholder=""  ng-model="mvName" />
<input type="text" id="urlLink" class="form-control" placeholder=""  ng-model="mvUrl" />

app.js

$scope.saveToList = function(event) {

    var mvName = $scope.mvName.trim();
    var mvUrl = $scope.mvUrl.trim();

          if (mvName.length > 0) {
            $scope.favUrls.$add({
              name: mvName,
              title: mvUrl
            });
              urlName.value = ''; //urlName is the ID of  input box - Angular rocks!
            urlLink.value = ''; //urlName is the ID of  input box - Angular rocks!
          }

}

Angular has a built-in for this.

georg
– georg

2016-01-27 14:18:20 +00:00
Commented Jan 27, 2016 at 14:18 — georg
– georg, Commented Jan 27, 2016 at 14:18

Community · Accepted Answer · 2017-05-23 12:24:19Z

-2

use the following function that validate the URL

function ValidURL(str) {
  var pattern = new RegExp('^(https?:\/\/)?'+ // protocol
    '((([a-z\d]([a-z\d-]*[a-z\d])*)\.)+[a-z]{2,}|'+ // domain name
    '((\d{1,3}\.){3}\d{1,3}))'+ // OR ip (v4) address
    '(\:\d+)?(\/[-a-z\d%_.~+]*)*'+ // port and path
    '(\?[;&a-z\d%_.~+=-]*)?'+ // query string
    '(\#[-a-z\d_]*)?$','i'); // fragment locater
  if(!pattern.test(str)) {
    alert("Please enter a valid URL.");
    return false;
  } else {
    return true;
  }
}

source

edited May 23, 2017 at 12:24

CommunityBot

11 silver badge

answered Jan 27, 2016 at 14:14

Salah Nour ElDin

5082 silver badges13 bronze badges

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

2 Comments

Turnip Over a year ago

Please attribute the code to the original author when copy-pasting from another answer. Or better still, mark this question as a duplicate

Salah Nour ElDin Over a year ago

Thanks i'm sorry but i want to help him to get fast answer

Collectives™ on Stack Overflow

detect if string is a valid URL and is not empty [duplicate]

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related