I am looking for a pretty easy way to check when somebody clicks a link that it's valid.

Good

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

Bad:

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

I am looking for a pretty easy way to check when somebody clicks a link that it's valid.

Good

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

Bad:

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

• javascript
• jquery
• validation

• use regex for your specific format – xkeshav Commented Feb 9, 2012 at 14:45
• Yes but all that i found where patterns that check a plete url, included the 'www.', this is not going to work for urls like index.html :-) (didn't found any patterns for this yes) – user759235 Commented Feb 9, 2012 at 15:12

2 Answers 2

Just check for the href value:

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

Demo

There is no really "easy" way, you have to get the value of the href and do an ajax call to it like so :

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