html - Is 'disabled' a valid attribute for an anchor tag

Question

If I have the following simple code segment:

<div ng-app="myApp">
    <a ng-disabled='true' ng-click="value1=123">click me</a>
    <button ng-disabled='true' ng-click="value2=123">click me</button>
    =={{value1}}==
    =={{value2}}==
</div>

As you can see from the fiddle : http://jsfiddle.net/basarat/czVPG/ the button is not clickable and ng-click (which is simply a jquery on('click',function(){}) ) does not execute. However it does execute for the anchor tag.

• Is it because disabled is not a valid attribute for an anchor tag?
• If it is why does it still trigger the dom click event when a button does not?

Answer 1

Read w3c Link and the-a-element

disable is not valid with anchor tags

instead you can do it by event.preventDefault()

$('a').click(function(event){
   event.preventDefault();
});