2012-02-09 2 views
2

나는 누군가가 그것이 유효한 링크를 클릭 할 때를 확인하는 아주 쉬운 방법을 찾고있다.jQuery : href 속성이 유효한 지 확인하는 쉬운 방법

좋은

<a href="index.html">some link</a> 

나쁜 :

<a href="#">some link</a> 
<a href="javascript:void(0);">some link</a> 
+0

사용 정규식을 특정 형식 – diEcho

+0

예 그러나 i에 완전한 URL을 확인 어디에서 패턴을 발견 모든 'http : // www.'가 포함되어 있습니다.이 URL은 index.html과 같이 작동하지 않습니다 :-) (이 예에 대한 패턴을 찾지 못했습니다.) – user759235

답변

3

그냥 href 값을 확인 :

$('a').click(function(){ 
    var bad = this.href.lastIndexOf('#') >= 0 || this.href.indexOf('javascript') >= 0; 
    alert(bad ? 'Bad' : 'Good'); 
    return false; 
}); 

Demo

+0

좋은데 사용하면 true 값과 false 값을줍니다. # 또는 javascript : void (0) – user759235

+0

그런 다음 사용 하시겠습니까? ;) 출력 내용을 지정하지 않았지만 유효성을 검사하려는 내용 만 지정했습니다. – ggzone

+0

@ user759235 : 업데이트했습니다. 지금 확인하십시오. – Sarfraz

3

더 정말 없다 "개 SY "방법, 당신은 HREF의 값을 얻을과 같이 그것에 아약스 호출을 할 필요가 :

var url = $('a').attr('href'); 
    $.ajax({ 
     url:url, 
     type:'HEAD', 
     error: function() 
     { 
      //file not exists 
     }, 
     success: function() 
     { 
      //file exists 
     } 
    }); 
관련 문제