利用jquery正则表达式在页面验证url网址输入是否正确

本文介绍的是使用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 # url正则表达式 # jquery正则表达式验证 # 正则表达式 # 网址url # jQuery基于正则表达式的表单验证功能示例 # 详解jquery validate实现表单验证（正则表达式） # jquery正则表达式验证（手机号、身份证号、中文名称） # Jquery Validate 正则表达式实用验证代码大全 # jquery使用正则表达式验证email地址的方法 # jQuery如何用正则表达式验证手机号、身份证号、中文名称 # jQuery验证手机号邮箱身份证的正则表达式（含港澳台） # jquery中邮箱地址 URL网站地址正则验证实例代码 # jQuery正则验证注册页面经典实例 # jQuery使用正则验证15/18身份证的方法示例 # jQuery实现验证表单密码一致性及正则表达式验证邮箱、手机号的方法 # 是否正确 # 的是 # 是在 # 用了 # 可选 # 如图 # 这篇文章 # 谢谢大家 # 设置为 # 不正确 # 中应 # 重新输入 # 有疑问 # text # javascript # src # input # type

返回目录在线咨询

上一篇：C#怎么在运行时动态修改web.config文件
下一篇：多语言支持：360建站与凡科在国际化方面表现如何？

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

全网整合营销服务商

利用jquery正则表达式在页面验证url网址输入是否正确

您的项目需求