您的位置：首页 > Web前端 > JQuery

使用jquery在前台页面验证url网址输入是否正确

2016-12-27 11:49 369 查看
转载请注明出处：http://blog.csdn.net/dongdong9223/article/details/53894224

本文出自【我是干勾鱼的博客】

使用jQuery在前台页面验证url网址输入是否正确，代码如下：

<!DOCTYPE html>
<html>
<head>

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

<script type="text/javascript">

/**
* 前台页面验证url网址输入是否正确
*/
function postComment() {

//验证url网址
if($("input[name='url']").val()) {
var str=$("input[name='url']").val();
//判断URL地址的正则表达式为:http(s)?://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?
//下面的代码中应用了转义字符"\"输出一个字符"/"
var Expression=/http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- .\/?%&=]*)?/;
var objExp=new RegExp(Expression);

if(objExp.test(str) != true){

alert("网址格式不正确！请重新输入");
return false;
} else {
alert("网址正确！");
}

}

}

</script>

</head>
<body>

<div class="form-group">

<input class="form-url" type="text" placeholder="网址(可选)" name="url" maxlength="50"></input>

</div>

<input class="btn btn-primary" type="submit" value="提交" name="submit" onclick="return postComment()" />

</body>
</html>


如果随便输入一个url网址，则显示：



输入一个正确的，则显示：



当然，使用https也是应该设置为正确的，如图：



主要是在jquery代码中加入了与url网址相关的正则表达式的验证。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航