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的MessageBox
Dec 03 Javascript
js判断输入是否为正整数、浮点数等数字的函数代码
Nov 17 Javascript
javascript实现日期按月份加减
May 15 Javascript
jQuery实现的五子棋游戏实例
Jun 13 Javascript
javascript封装 Cookie 应用接口
Aug 07 Javascript
Node.js与Sails ~项目结构与Mvc实现及日志机制
Oct 14 Javascript
javascript动画之磁性吸附效果篇
Dec 09 Javascript
@ResponseBody 和 @RequestBody 注解的区别
Mar 08 Javascript
jQuery简介_动力节点Java学院整理
Jul 04 jQuery
AngularJS下$http服务Post方法传递json参数的实例
Mar 29 Javascript
JS实现二维数组横纵列转置的方法
Apr 17 Javascript
vuejs前后端数据交互之从后端请求数据的实例
Aug 11 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网页游戏学习之Xnova(ogame)源码解读(十三)
2014/06/26 PHP
Yii的CDbCriteria查询条件用法实例
2014/12/04 PHP
PHP中使用file_get_contents post数据代码例子
2015/02/13 PHP
PhpStorm2020 + phpstudyV8 +XDebug的教程详解
2020/09/17 PHP
HTML5如何适配 iPhone IOS 底部黑条
2021/03/09 HTML / CSS
用jquery实现下拉菜单效果的代码
2010/07/25 Javascript
麻雀虽小五脏俱全 Dojo自定义控件应用
2010/09/04 Javascript
javascript 折半查找字符在数组中的位置(有序列表)
2010/12/09 Javascript
简介AngularJS的HTML DOM支持情况
2015/06/17 Javascript
SublimeText自带格式化代码功能之reindent
2015/12/27 Javascript
JavaScript实现点击文本自动定位到下拉框选中操作
2016/06/15 Javascript
JavaScript读二进制文件并用ajax传输二进制流的方法
2016/07/18 Javascript
利用Javascript实现BMI计算器
2016/08/16 Javascript
JS实现简单易用的手机端浮动窗口显示效果
2016/09/07 Javascript
Jquery UI实现一次拖拽多个选中的元素操作
2020/12/01 Javascript
js控制台输出的方法(详解)
2016/11/26 Javascript
angular select 默认值设置方法
2017/06/23 Javascript
javascript高级模块化require.js的具体使用方法
2017/10/31 Javascript
微信小程序授权登录及解密unionId出错的方法
2018/09/26 Javascript
vue实现form表单与table表格的数据关联功能示例
2019/01/29 Javascript
手把手带你封装一个vue component第三方库
2019/02/14 Javascript
vue获取验证码倒计时组件
2019/08/26 Javascript
Vue.js 无限滚动列表性能优化方案
2019/12/02 Javascript
[02:23]完美世界全国高校联赛街访DOTA2第一期
2019/11/28 DOTA
Python 闭包的使用方法
2017/09/07 Python
django框架事务处理小结【ORM 事务及raw sql,customize sql 事务处理】
2019/06/27 Python
浅谈python量化 双均线策略(金叉死叉)
2020/06/03 Python
python代码能做成软件吗
2020/07/24 Python
CSS3动画效果回调处理详解
2014/12/10 HTML / CSS
浅谈HTML5 Web Worker的使用
2018/01/05 HTML / CSS
主治医师岗位职责
2013/12/10 职场文书
小区门卫工作职责
2013/12/14 职场文书
初婚初育证明范本
2015/06/18 职场文书
《为人民服务》教学反思
2016/02/20 职场文书
小学科学课教学反思
2016/02/23 职场文书
2016年教师党员创先争优承诺书
2016/03/24 职场文书