Javascript验证用户输入URL地址是否为空及格式是否正确

 更新时间:2014年10月09日 17:54:15   投稿:whsnow  
这篇文章主要介绍了Javascript验证用户输入URL地址是否为空及格式是否正确,很实用,需要的朋友可以参考下

复制代码 代码如下:

<script type="text/javascript">
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;
}

function isURL(str)
{
//varreg=/[0-9a-zA-z]+.(html|htm|shtml|jsp|asp|php|com|cn|net|com.cn|org)$/;
//必须包含.(最后面一个.前面最少有一个字符)且.后面最少有一个单词字符,最后一个字符必须为单词字符或/
varreg=/w+.(w+|w+/)$/;
varisurl=reg.test(str);//test(str)方法是js正确表达式内置的对象可以直接调用
returnisurl;
}
</script>


复制代码 代码如下:

<form action="" method="post" onsubmit="checkUrl();">

URL:
<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地址有效性

代码如下

复制代码 代码如下:

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

如果要尝试是否可以正常方法我们可使用file_get_contents()函数来验证就可以了。

相关文章

  • 如何用JS将base64图片压缩至指定大小

    如何用JS将base64图片压缩至指定大小

    在开发中通常在上传图片时,由于各种限制,需要将上传的图片压缩到某一大小范围内才能上传,这篇文章主要介绍了如何用JS将base64图片压缩至指定大小的相关资料,需要的朋友可以参考下
    2025-04-04
  • Javascript实现返回上一页面并刷新的小例子

    Javascript实现返回上一页面并刷新的小例子

    这篇文章主要介绍了Javascript实现返回上一页面并刷新的小例子,有需要的朋友可以参考一下
    2013-12-12
  • 基于JS实现移动端左滑删除功能

    基于JS实现移动端左滑删除功能

    最近做个项目,需要实现移动端左滑删除功能,当时js代码将网上找的进行删减优化,下面通过本文给大家分享基于JS实现移动端左滑删除功能,感兴趣的朋友一起看看
    2017-07-07
  • js单向链表的具体实现实例

    js单向链表的具体实现实例

    js单向链表的具体实现实例,可以排序,增加,查找,删除的单向链表,需要的朋友可以参考一下
    2013-06-06
  • JavaScript实现给定时间相加天数的方法

    JavaScript实现给定时间相加天数的方法

    这篇文章主要介绍了JavaScript实现给定时间相加天数的方法,涉及JavaScript针对日期与时间操作相关技巧,需要的朋友可以参考下
    2016-01-01
  • JavaScript split()方法定义及更多实例

    JavaScript split()方法定义及更多实例

    这篇文章主要给大家介绍了关于JavaScript split()方法定义及更多实例的相关资料,js里的split()方法大家都知道用于将字符串转化为字符串数组,文中通过代码实例介绍的非常详细,需要的朋友可以参考下
    2024-03-03
  • JS实现兼容性较好的随屏滚动效果

    JS实现兼容性较好的随屏滚动效果

    这篇文章主要介绍了JS实现兼容性较好的随屏滚动效果,演示了固定位置显示和随屏滚动两种效果的实现方法,涉及css样式的设置与结合时间函数递归调用实现滚屏的技巧,需要的朋友可以参考下
    2015-11-11
  • js+CSS实现弹出居中背景半透明div层的方法

    js+CSS实现弹出居中背景半透明div层的方法

    这篇文章主要介绍了js+CSS实现弹出居中背景半透明div层的方法,涉及javascript操作弹出div层的操作技巧,非常具有实用价值,需要的朋友可以参考下
    2015-02-02
  • js 日期转换成中文格式的函数

    js 日期转换成中文格式的函数

    最近的项目需要将日期转换成中文的格式,于是写了个小小的JS函数,使用时直接调用即可.
    2009-07-07
  • Javascript和Java获取各种form表单信息的简单实例

    Javascript和Java获取各种form表单信息的简单实例

    本篇文章主要是对Javascript和Java获取各种form表单信息的简单实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-02-02

最新评论