2012-02-09 15 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

はいたがために、私は完全なURLをご確認くださいどこのパターンを発見したすべて、 'http:// www。'が含まれていますが、これはindex.htmlのようなURLでは動作しません:-)(この例ではパターンは見つかりませんでした) – 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

ニースですが、これは真と偽の値を使用します#またはjavascript:void(0) – user759235

+0

それを使用しますか? ;)あなたは出力が何であるべきかを指定していませんが、それを検証したいだけです。 – ggzone

+0

@ user759235:私はそれを更新しました。 – Sarfraz

3

は何も本当にありません「EA SY」方法、あなたはHREFの値を取得し、そのようにそれにAJAX呼び出しを実行する必要があります。

var url = $('a').attr('href'); 
    $.ajax({ 
     url:url, 
     type:'HEAD', 
     error: function() 
     { 
      //file not exists 
     }, 
     success: function() 
     { 
      //file exists 
     } 
    }); 
関連する問題