本文介绍的是使用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网址相关的正则表达式的验证。
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对北冥有鱼的支持。
您可能感兴趣的文章:
- jQuery基于正则表达式的表单验证功能示例
- 详解jquery validate实现表单验证 （正则表达式）
- jquery正则表达式验证（手机号、身份证号、中文名称）
- Jquery Validate 正则表达式实用验证代码大全
- jquery使用正则表达式验证email地址的方法
- jQuery如何用正则表达式验证手机号、身份证号、中文名称
- jQuery验证手机号邮箱身份证的正则表达式（含港澳台）
- jquery中邮箱地址 URL网站地址正则验证实例代码
- jQuery正则验证注册页面经典实例
- jQuery使用正则验证15/18身份证的方法示例
- jQuery实现验证表单密码一致性及正则表达式验证邮箱、手机号的方法
