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


Posted in Javascript onOctober 09, 2014
<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://3water.com');

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://3water.com" 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()函数来验证就可以了。
Javascript 相关文章推荐
基于JQuery的浮动DIV显示提示信息并自动隐藏
Feb 11 Javascript
JS 实现导航栏悬停效果(续)
Sep 24 Javascript
js Array操作的最简短最容易理解方法
Dec 09 Javascript
js图片上传前预览功能(兼容所有浏览器)
Aug 24 Javascript
JS 事件绑定、事件监听、事件委托详细介绍
Sep 28 Javascript
基于JS实现的随机数字抽签实例
Dec 08 Javascript
jQuery模拟实现天猫购物车动画效果实例代码
May 25 jQuery
angular4 共享服务在多个组件中数据通信的示例
Mar 30 Javascript
微信小程序上传图片功能(附后端代码)
Jun 19 Javascript
深入Node TCP模块的理解
Mar 13 Javascript
vue 项目build错误异常的解决方法
Apr 22 Javascript
详细讲解如何创建, 发布自己的 Vue UI 组件库
May 29 Javascript
使用js Math.random()函数生成n到m间的随机数字
Oct 09 #Javascript
分享一款基于jQuery的视频播放插件
Oct 09 #Javascript
使用jQuery.wechat构建微信WEB应用
Oct 09 #Javascript
使用jQuery将多条数据插入模态框的实现代码
Oct 08 #Javascript
get(0).tagName获得作用标签示例代码
Oct 08 #Javascript
一个css与js结合的下拉菜单支持主流浏览器
Oct 08 #Javascript
Javascript获取当前日期的农历日期代码
Oct 08 #Javascript
You might like
PHP静态新闻列表自动生成代码
2007/06/14 PHP
PHP和Mysqlweb应用开发核心技术 第1部分 Php基础-1 开始了解php
2011/07/03 PHP
VIM中设置php自动缩进为4个空格的方法详解
2013/06/14 PHP
php将数组转换成csv格式文件输出的方法
2015/03/14 PHP
php下载远程大文件(获取远程文件大小)的实例
2017/06/17 PHP
ExtJS Grid使用SimpleStore、多选框的方法
2009/11/20 Javascript
jquery动画4.升级版遮罩效果的图片走廊--带自动运行效果
2012/08/24 Javascript
jquery win 7透明弹出层效果的简单代码
2013/08/06 Javascript
Jquery实现显示和隐藏的4种简单方式
2013/08/28 Javascript
extjs4 treepanel动态改变行高度示例
2013/12/17 Javascript
JS控制HTML元素的显示和隐藏的两种方法
2016/09/27 Javascript
angularjs使用directive实现分页组件的示例
2017/02/07 Javascript
微信小程序 UI与容器组件总结
2017/02/21 Javascript
jQuery事件与动画基础详解
2017/02/23 Javascript
深入浅析Nodejs的Http模块
2017/06/20 NodeJs
在小程序中集成redux/immutable/thunk第三方库的方法
2018/08/12 Javascript
vue路由事件beforeRouteLeave及组件内定时器的清除方法
2018/09/29 Javascript
uploadify插件实现多个图片上传并预览
2019/09/30 Javascript
vue ajax 拦截原理与实现方法示例
2019/11/29 Javascript
JS数组方法slice()用法实例分析
2020/01/18 Javascript
[56:20]LGD vs VP Supermajor 败者组决赛 BO3 第三场 6.10
2018/07/04 DOTA
python笔记(1) 关于我们应不应该继续学习python
2012/10/24 Python
跟老齐学Python之玩转字符串(3)
2014/09/14 Python
python以环状形式组合排列图片并输出的方法
2015/03/17 Python
利用TensorFlow训练简单的二分类神经网络模型的方法
2018/03/05 Python
Python实现自定义顺序、排列写入数据到Excel的方法
2018/04/23 Python
不知道这5种下划线的含义,你就不算真的会Python!
2018/10/09 Python
Python的matplotlib绘图如何修改背景颜色的实现
2019/07/16 Python
Python3中configparser模块读写ini文件并解析配置的用法详解
2020/02/18 Python
下述程序的作用是计算机数组中的最大元素值及其下标
2012/11/26 面试题
解释下面关于J2EE的名词
2013/11/15 面试题
采购员岗位职责
2013/11/15 职场文书
就业意向书范文
2014/04/01 职场文书
2015年新农村建设工作总结
2015/05/22 职场文书
亮剑观后感300字
2015/06/05 职场文书
python数据处理之Pandas类型转换
2022/04/28 Python