这篇文章主要介绍了关于利用jquery正则表达式在页面验证url网址输入是否正确的相关资料，文中给出了完整的示例代码，对大家具有一定的参考价值，需要的朋友们下面来一起看看吧。
本文介绍的是使用jQuery正则表达式在前台页面验证url网址输入是否正确，代码如下：
<!DOCTYPE html> <html> <head> <script type="text/javascript" src="https://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- ./?%&=]*)? //下面的代码中应用了转义字符"\"输出一个字符"https://www.jb51.net/" var Expression=https://www.jb51.net/http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- .\/?%&=]*)?/; var objExp=new RegExp(Expression); if(objExp.test(str) != true){ alert("网址格式不正确！请重新输入"); return false; } else { alert("网址正确！"); } } } </script> </head> <body> <div> <input type="text" placeholder="网址(可选)" maxlength="50"></input> </div> <input type="submit" value="提交" /> </body> </html>
如果随便输入一个url网址，则显示：
输入一个正确的，则显示：
当然，使用https也是应该设置为正确的，如图：
主要是在jquery代码中加入了与url网址相关的正则表达式的验证。
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对脚本之家的支持。
您可能感兴趣的文章: