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

2019-11-19 16:56:00

字体：大中小

来源：转载

供稿：网友

本文介绍的是使用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网址，则显示：