Вопрос:

Отключить гиперссылку после отправки формы

javascript html jsp

58 просмотра

2 ответа

80 Репутация автора

Я пытаюсь отключить гиперссылку, когда она нажата. Я нашел решение использовать onSubmitфункцию, потому что это позволит форме отправлять, а затем сразу отключает ссылку, но здесь это не так.

Я также написал JavaScriptфункцию, но проблема в том, как бы я вызвал эту функцию после нажатия кнопки.

JS

 function disableLink() {
     if(document.getElementById('downloadReport').clicked = true) {
        document.getElementById('downloadReport').disabled = true;   
     }
 }

Форма:

 <td class="dataFieldCell">
            <div class="esignNavigation">
                <s:if test="%{#parameters.showReport}">
                <a href="#x" id="downloadReport" style="width:155px" title="This function will provide you a 30 day download of all your eSign transactions." onSubmit="document.getElementById('viewIntegrationReport').disabled=true"><span>Export E-Sign Information</span></a> 
                </s:if>             
            </div> 
        </td> 

Пожалуйста, дайте мне знать, если кто-то сделал что-то подобное.

Благодарю.

Автор: Jaykumar Источник Размещён: 22.08.2016 08:53

Ответы (2)


0 плюса

1 Репутация автора

Вы можете добавить класс CSS после отправки:

.disabled-link{
    pointer-events: none;
    cursor: default;
}

Могу ли я использовать поддержку браузера

Автор: Michell Havemann Silveira Размещён: 22.08.2016 09:06

1 плюс

1593 Репутация автора

Решение

Якорный элемент aне является элементом формы, поэтому он не будет вызывать onsubmitсобытие. Вам необходимо привязаться к событию click и самостоятельно обработать состояние щелчка. Атрибут «disabled» для якорных элементов не учитывается во всех браузерах, поэтому вы не можете полагаться на него в отношении поведения или изменения внешнего вида. Вам нужно добавить класс к элементу и CSS для этого класса, чтобы он выглядел отключенным.

var elem = document.getElementById("download");
elem.addEventListener("click", myFunction, false);

var download_clicked = false;
function myFunction(ev) {
  if(download_clicked) {
    ev.stopPropagation();
  } else {
    alert("One time!");
    download_clicked = true;
    elem.classList.add("disabled");
  }
}
a.disabled {
  color: #aaa;
  text-decoration: none;
  cursor: default;
}
<a href="#" id="download">This Works</a>
<br>
<a href="#" id="download2" onclick='alert("Every Time!\ndisabled="+this.disabled);this.disabled=true;'>This doesn't</a>

Автор: Bill Doughty Размещён: 22.08.2016 09:48
Вопросы из категории :
32x32