¿Debería la Etiqueta de Anclaje HTML Respetar el Atributo Disabled?

Tuve que corregir este comportamiento en un sitio con muchos anclajes que estaban siendo habilitados/deshabilitados con este atributo de acuerdo con otras condiciones, etc. Tal vez no sea ideal, pero en una situación como esa, si prefiere no arreglar el código de cada ancla individualmente, esto hará el truco para todos los anclajes:

$('a').each(function () {
    $(this).click(function (e) {
        if ($(this).attr('disabled')) {
            e.preventDefault();
            e.stopImmediatePropagation();
        }
    });
    var events = $._data ? $._data(this, 'events') : $(this).data('events');
    events.click.splice(0, 0, events.click.pop());
});

Y:

a[disabled] {
    color: gray;
    text-decoration: none;
}

disabled es un atributo que solo se aplica a elementos input según los estándares . IE puede soportarlo en a, pero querrá usar CSS/JS en su lugar si desea cumplir con los estándares.

La respuesta de jQuery no funcionó para mí porque mi etiqueta de anclaje está en un formulario y en mis formularios uso validadores de campo asp y simplemente no estaban jugando bien. Esto me llevó a encontrar una respuesta bastante simple que no requiere jQuery o CSS...

<a id="btnSubmit" href="GoSomePlace">Display Text</a>

Puede deshabilitar el elemento y debe comportarse como lo hacen los tipos de entrada. No se necesita CSS. Esto funcionó para mí en chrome y ff.

function DisableButton() {
    var submitButton = document.getElementById("btnSubmit");
    if (submitButton != null) {
        submitButton.setAttribute('disabled', 'disabled');
    }
}

Por supuesto que va a hacer un bucle para desactivar todas las etiquetas de anclaje en el DOM, pero mi el ejemplo muestra cómo hacerlo para un solo elemento específico. Quieres asegurarte de obtener el ID de cliente correcto de tu elemento, pero esto funcionó para mí, en más de una ocasión. Esto también funcionará en asp: LinkButtons que terminan siendo elementos de etiqueta de anclaje cuando se renderizan en el navegador.