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 相关文章推荐
js Map List 遍历使用示例
Jul 10 Javascript
jQuery实现可收缩展开的级联菜单实例代码
Nov 27 Javascript
javascript笛卡尔积算法实现方法
Apr 08 Javascript
基于jquery实现全屏滚动效果
Nov 26 Javascript
Angular在模板驱动表单中自定义校验器的方法
Aug 09 Javascript
使用vue-route 的 beforeEach 实现导航守卫(路由跳转前验证登录)功能
Mar 22 Javascript
vue.js层叠轮播效果的实例代码
Nov 08 Javascript
详解Vuex下Store的模块化拆分实践
Jul 31 Javascript
解决layer.open弹出框不能获取input框的值为空的问题
Sep 10 Javascript
原生js实现日期选择插件
May 21 Javascript
vue data变量相互赋值后被实时同步的解决步骤
Aug 05 Javascript
JavaScript 判断浏览器是否是IE
Feb 19 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
APMServ使用说明
2006/10/23 PHP
php中is_null,empty,isset,unset 的区别详细介绍
2013/04/28 PHP
php微信公众号开发之校园图书馆
2018/10/20 PHP
PHP fclose函数用法总结
2019/02/15 PHP
网页上的Javascript编辑器和代码格式化
2010/04/25 Javascript
JavaScript 判断日期格式是否正确的实现代码
2011/07/04 Javascript
js在数组中删除重复的元素自保留一个(两种实现思路)
2014/08/22 Javascript
用jquery模仿的a的title属性的例子
2014/10/22 Javascript
node.js中的fs.lchownSync方法使用说明
2014/12/16 Javascript
浅谈JavaScript数据类型
2015/03/03 Javascript
基于JavaScript实现div层跟随滚动条滑动
2016/01/12 Javascript
JS关闭窗口时产生的事件及用法示例
2016/08/20 Javascript
javascript笔记之匿名函数和闭包
2017/02/06 Javascript
javascript 操作cookies详解及实例
2017/02/22 Javascript
layui框架中layer父子页面交互的方法分析
2017/11/15 Javascript
vue-cli3.0+element-ui上传组件el-upload的使用
2018/12/03 Javascript
Vue 表情包输入组件的实现代码
2019/01/21 Javascript
浅谈ECMAScript 中的Array类型
2019/06/10 Javascript
js实现简单贪吃蛇游戏
2020/05/15 Javascript
为react组件库添加typescript类型提示的方法
2020/06/15 Javascript
[04:03]2014DOTA2西雅图国际邀请赛 LGD战队巡礼
2014/07/07 DOTA
Python批量按比例缩小图片脚本分享
2015/05/21 Python
python导入时小括号大作用
2017/01/10 Python
Python实现的生成格雷码功能示例
2018/01/24 Python
Python scipy的二维图像卷积运算与图像模糊处理操作示例
2019/09/06 Python
python利用JMeter测试Tornado的多线程
2020/01/12 Python
新版Pycharm中Matplotlib不会弹出独立的显示窗口的问题
2020/06/02 Python
详解用Python爬虫获取百度企业信用中企业基本信息
2020/07/02 Python
canvas绘制树形结构可视图形的实现
2020/04/03 HTML / CSS
雅高酒店中国:Accorhotels.com China
2018/03/26 全球购物
女性时尚在线:IVRose
2019/02/23 全球购物
《美丽的南沙群岛》教学反思
2014/04/27 职场文书
品质保证书格式
2015/02/28 职场文书
2015婚礼主持词开场白
2015/05/28 职场文书
小学教师暑期培训心得体会
2016/01/09 职场文书
简单介绍 http请求响应参数、无连接无状态、MIME、状态码、端口、telnet、curl
2021/03/31 HTML / CSS