判斷url連結地址是否合法的例項程式碼

antzone發表於2017-03-22

本章節通過程式碼例項介紹一下如何驗證一個url連結地址是否合法，這個效果在一些實際應用中還是經常簡單的。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title> 
<script type="text/javascript"> 
window.onload=function(){
  function check(){ 
    str=myform.txt.value; 
    str=str.match(/http:\/\/.+/); 
    if(str==null){ 
      alert('你輸入的URL無效'); 
      return false; 
    }
    else{ 
      alert("你輸入的URL有效"); 
      return true; 
    } 
  } 
  var bt=document.getElementById("bt");
  bt.onclick=function(){
    return check()
  }
}
</script> 
</head> 
<body> 
<form name="myform"> 
<input type="text" name="txt"/> 
<input type="submit" id="bt" value="檢視效果"/> 
</form> 
</body> 
</html>

以上程式碼實現了最為簡單的驗證，甚至可以說這個驗證功能有點過於粗糙，因為上面的正規表示式驗證規則過於簡陋，更為嚴謹的驗證方式可以參閱正規表示式驗證url的合法性一章節。 

相關文章