JavaScript 与 PHP 验证 URL 格式的方法

JavaScript 检测 URL 地址有效性

在前端开发中，通过 JavaScript 对用户输入的 URL 进行初步校验可以提升用户体验。以下脚本实现了两个核心功能：一是检查输入框是否为空，二是利用正则表达式验证 URL 的基本结构是否符合规范（如包含域名后缀）。

第1步：定义校验函数

首先创建 isURL 函数，用于执行正则匹配。该正则表达式要求字符串必须以字母或数字开头，中间包含点号，且结尾必须是单词字符或斜杠，以此过滤掉明显无效的地址。

function isURL(str) {
    // 验证规则：必须包含.(最后面一个.前面最少有一个字符)
    // 且.后面最少有一个单词字符，最后一个字符必须为单词字符或/
    var reg = /\w+\. (\w+|\w+\/$)/;
    var isurl = reg.test(str); // test(str)方法是js正确表达式内置的对象可以直接调用
    return isurl;
}

第2步：绑定表单提交事件

接着编写 checkUrl 函数，在表单提交时触发。该函数先获取 ID 为 url 的输入框值，若为空则弹出提示并阻止提交；若不合规，同样给出格式错误的警告；只有全部通过后返回 true。

function checkUrl() {
    var url = document.getElementById('url').value;
    if (url == '') {
        alert('URL 地址不能为空');
        return false;
    } else if (!isURL(url)) {
        alert('URL 的格式应该是 https://www.jb51.net');
        return false;
    } else {
        return true;
    }
    return false;
}

将上述逻辑嵌入 HTML 表单即可生效：

<form action="" method="post" onsubmit="checkUrl();">
    URL: <br />
    <input type="text" name="url" id="url" value="https://www.jb51.net" onfocus="this.value=''"/>
    <br /><br />
    <input type="submit" value="获取地址" name="get"/>
    <input type="submit" value="下载" name="download"/>
</form>

PHP 检测 URL 地址有效性

前端校验容易绕过，因此后端必须重新验证。PHP 提供了强大的正则匹配能力，可以使用 preg_match 函数来检测 URL 是否满足特定的路径规则。

第1步：构建 PHP 校验函数

创建一个名为 is_url 的函数，接收待检测的字符串参数。正则表达式覆盖了 HTTP 协议头、域名主体以及复杂的查询参数符号（如 =、?、% 等），同时排除非法的控制字符。

<?
function is_url($str){
    return preg_match("/^http://[A-Za-z0-9]+.[A-Za-z0-9]+[/=?%-&_~`@[]':+!]*([^\u0026lt;>"])*$/", $str);
}
?>

第2步：可选的真实访问测试

如果不仅需要格式合法，还需要确认链接是否可达，可以结合 file_get_contents() 函数尝试读取该 URL 的内容。若能成功获取内容而不出错，说明该 URL 不仅是格式正确，而且资源确实存在。

总结

通过以上 JS 和 PHP 的正则表达式及逻辑判断，可以有效完成 URL 地址的基础验证。在实际项目中，建议将前端校验作为体验优化手段，而后端校验作为数据安全底线，两者配合使用以确保数据的完整性与准确性。 以上就是JavaScript与PHP验证用户输入URL地址是否正确方法的详细内容，更多关于JavaScript和PHP校验URL地址的资料请关注本站其它相关文章！