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 相关文章推荐
Firefox outerHTML实现代码
Jun 04 Javascript
使用jQuery.fn自定义jQuery翻页插件
Jan 20 Javascript
基于jQuery中对数组进行操作的方法
Apr 16 Javascript
js window.onload 加载多个函数和追加函数详解
Jan 08 Javascript
node.js中的fs.ftruncate方法使用说明
Dec 15 Javascript
jQuery计算文本框字数及限制文本框字数的方法
Mar 01 Javascript
jQuery实现边框动态效果的实例代码
Sep 23 Javascript
Angular.Js之Scope作用域的学习教程
Apr 27 Javascript
Ionic + Angular.js实现图片轮播的方法示例
May 21 Javascript
JavaScript实现简单的树形菜单效果
Jun 23 Javascript
jQuery实现全选、反选和不选功能
Aug 16 jQuery
微信小程序商品详情页的底部弹出框效果
Nov 16 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判断图片格式的七种方法小结
2013/06/03 PHP
javascript 函数调用规则
2009/08/26 Javascript
js传参数受特殊字符影响错误的解决方法
2013/10/21 Javascript
jquery插件开发之实现md5插件
2014/03/17 Javascript
通过url查找a元素应用案例
2014/04/29 Javascript
jQuery通过点击行来删除HTML表格行的实现示例
2014/09/10 Javascript
Vue.js每天必学之组件与组件间的通信
2016/09/08 Javascript
详解AngularJS中$filter过滤器使用(自定义过滤器)
2017/02/04 Javascript
深入理解node.js之path模块
2017/05/03 Javascript
jQuery.Ajax()的data参数类型详解
2017/07/23 jQuery
响应式框架Bootstrap栅格系统的实例
2017/12/19 Javascript
vue2.0 实现导航守卫的具体用法(路由守卫)
2018/05/17 Javascript
vue实现组件之间传值功能示例
2018/07/13 Javascript
Vue基于vuex、axios拦截器实现loading效果及axios的安装配置
2019/04/26 Javascript
VSCode搭建Vue项目的方法
2020/04/30 Javascript
js动态生成表格(节点操作)
2021/01/12 Javascript
Python常见文件操作的函数示例代码
2011/11/15 Python
用Python登录Gmail并发送Gmail邮件的教程
2015/04/17 Python
说一说Python logging
2016/04/15 Python
python一键去抖音视频水印工具
2018/09/14 Python
python算法与数据结构之冒泡排序实例详解
2019/06/22 Python
Python Json数据文件操作原理解析
2020/05/09 Python
PyInstaller的安装和使用的详细步骤
2020/06/02 Python
CSS3制作漂亮的照片墙的实现代码
2016/06/08 HTML / CSS
详解HTML5中的Communication API基本使用方法
2016/01/29 HTML / CSS
HTML5自定义属性的问题分析
2019/08/16 HTML / CSS
三星俄罗斯授权在线商店:Samsung俄罗斯
2019/09/28 全球购物
怎样客观的做好自我评价
2013/12/28 职场文书
毕业生大学生活自我总结
2014/01/31 职场文书
艺校音乐专业自我鉴定范文
2014/03/01 职场文书
学术会议主持词
2014/03/17 职场文书
党员干部反四风民主生活会对照检查材料思想汇报
2014/10/12 职场文书
领导干部群众路线对照检查材料
2014/11/05 职场文书
2015年秋季开学典礼校长致辞
2015/07/16 职场文书
中国古代史学名著《战国策》概述
2019/08/09 职场文书
Python实现老照片修复之上色小技巧
2021/10/16 Python