Я пытаюсь определить, виден ли HTML-элемент, который я дал, без использования jquery.
Контекст:
На странице забытого пароля пользователя у меня есть форма, в которой пользователь вводит свое имя пользователя и нажимает кнопку "Отправить". После этого, если он задал контрольный вопрос, он будет показан, и он сможет ответить на этот вопрос и отправит снова. (та же кнопка, что и раньше).
Моя проблема:
когда пользователь нажимает на кнопку отправить, в IE, если он нажимает на нее несколько раз, он получает одно электронное письмо за каждый клик по нему.
Что я думаю:
Я хочу отключить кнопку после нажатия на эту кнопку отправки, но я могу отключить ее, только если выполнены два условия:
- Если пользователь уже отправил свое имя для входа (без ошибок).
- у пользователя зарегистрирован вопрос о chalenge, и он ответил на него правильно.
Я не могу изменить процесс, это сделано, поэтому я подумал о добавлении идентификатора в поле ответа и проверяет, если он виден. если это так, и пользователь нажимает кнопку отправки, я хочу применить кнопку отключения атрибута на ярлыке. Чего я не знаю, как это сделать без использования jquery.
с помощью jQuery я мог бы сделать что-то вроде этого:
if($('#secretAns').is(':visible')) {
//i think it could be the solution
$('#general_Submit.Label').attr( disabled, disabled );
}
подать заявку на:
<div id="secretAns" class="loginTxtFieldWrapper">
<font color='red'>*</font><input type="text" name="secretAns" />
<input type="hidden" name="isAnswerPage" value="1"/>
</div>
<p id="loginSubmitLink">
<input id="general_Submit.Label" type="submit" value="general_Submit.Label" />" />
</p>
Мне трудно искать чистые решения Javascript, потому что все склонны использовать jQuery, и я не могу использовать его в своем приложении, поэтому, если кто-то может помочь мне сделать это с использованием чистого Javascript, я буду признателен.