Javascript与PHP验证用户输入URL地址是否正确

当我们需要用户输入URL地址时，我们需要验证用户输入的URL地址格式是否正确，这时候可以借助JavaScript和PHP两种语言来实现。

JavaScript验证用户输入URL地址是否正确

JavaScript提供了正则表达式的支持，可以利用正则表达式对用户输入的URL地址进行验证。

示例1：以下是利用JavaScript验证URL地址的示例代码。

function validateURL(url) {
    var pattern = /^(https?:\/\/)?([\w]+\.)?[\w-]+\.[\w]+(\/[\w-]*)*\/?$/;
    return pattern.test(url);
}

解释：
该正则表达式用于验证URL地址的格式是否正确，其现代意义如下：
- ^(https?:\/\/)?：匹配URL地址中的协议部分，其可选内容为http或https，即：http://或https://或空字符串（即无协议）。
- ([\w]+\.)?：匹配URL地址中二级域名，该部分可选，具体根据用户输入来决定。
- [\w-]+\.[\w]+(\/[\w-]*)*\/?：匹配URL地址的主体部分，即域名后的路径，其中[\w-]+\.[\w]+表示域名；(\/[\w-]*)*表示路径部分，可以重复0次或多次，(\/[\w-]*)*\/?表示最后可能会带上一个斜杆“/”。

使用示例：

console.log(validateURL("http://www.example.com")); // true
console.log(validateURL("https://www.example.com/path")); // true
console.log(validateURL("www.example.com")); // true
console.log(validateURL("example.com/path")); // true
console.log(validateURL("http://www.example.com/path?query=string")); // true
console.log(validateURL("http://localhost:8080")); // true
console.log(validateURL("ftp://example.com")); // false
console.log(validateURL("www.example.com:80")); // false
console.log(validateURL("http://example.com/?q=1/2")); // false

PHP验证用户输入URL地址是否正确

在PHP语言中，我们同样可以利用正则表达式来验证用户输入的URL地址是否正确。

示例2：以下是利用PHP验证URL地址的示例代码。

function validateURL($url) {
    $pattern = "/^(https?:\/\/)?([\w]+\.)?[\w-]+\.[\w]+(\/[\w-]*)*\/?$/";
    return preg_match($pattern, $url);
}

解释：
该正则表达式同JavaScript中的正则表达式一致，用于验证URL地址的格式是否正确。

使用示例：

var_dump(validateURL("http://www.example.com")); // bool(true)
var_dump(validateURL("https://www.example.com/path")); // bool(true)
var_dump(validateURL("www.example.com")); // bool(true)
var_dump(validateURL("example.com/path")); // bool(true)
var_dump(validateURL("http://www.example.com/path?query=string")); // bool(true)
var_dump(validateURL("http://localhost:8080")); // bool(true)
var_dump(validateURL("ftp://example.com")); // bool(false)
var_dump(validateURL("www.example.com:80")); // bool(false)
var_dump(validateURL("http://example.com/?q=1/2")); // bool(false)

以上就是利用JavaScript和PHP验证用户输入URL地址是否正确的攻略，希望对您有所帮助。