检测字符串是否为有效 URL 且不为空

detect if string is a valid URL and is not empty

本文关键字：URL 有效 字符串 是否 检测      更新时间：2023-09-26
我想

在 js 中执行此功能之前检查其中一个输入字段是否为空以及 #urlink 是否是 URL 的格式： 

$scope.favUrls.$add

不知道该怎么做。

.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" />

应用.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!
          }
}

使用以下函数来验证 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;
  }
}

源

相关文章：