非常简单的js验证问题

Question

<div class="title font-12">链接地址：</div>
 <input class="input-border" value="http://" data-name="link_path" id="LinkP">
 <input type="submit" class="input-border" value="提交">    我想请叫问下 我怎么验证我的链接合法性了   。我需要达到我一点击保存 就会弹出一个链接不合法或者链接合法 2个提示框。。希望各位帮个忙只要回答题目就给分我需要验证的链接的代码

Answer 1

首先你要验证的规则就是一个url链接需要用到正则判断
(http[s]{0,1}|ftp)://[a-zA-Z0-9\\.\\-]+\\.([a-zA-Z]{2,4})(:\\d+)?(/[a-zA-Z0-9\\.\\-~!@#$%^&*+?:_/=<>]*)?
然后你通过js写一个点击事件
<input type="submit" class="input-border" value="提交" onclick="Submit()">function Submit(){
     var reg = "(http[s]{0,1}|ftp)://[a-zA-Z0-9\\.\\-]+\\.([a-zA-Z]{2,4})(:\\d+)?(/[a-zA-Z0-9\\.\\-~!@#$%^&*+?:_/=<>]*)?";
     var link = document.getElementById("LinkP");
     if(link.match(reg)){
          alert("合法");
          return true;
     } else {
          alert("不合法");
          return false;
     }
}