Веб-формы: включить кнопку Отправить после ввода кода подтверждения

Question

Я работаю над приложением WebForms, и мы хотим, чтобы из-за отсутствия лучшего термина для пользователей на определенном этапе приложения было добавлено ускорение. Есть определенное действие, которое не должно быть отменено. Поэтому, когда они нажимают кнопку, чтобы выполнить это действие, мы хотим отобразить небольшое окно подтверждения, чтобы они вводили случайную строку, которую мы им даем. Как только они вводят эту строку, и она соответствует соответствующей метке, кнопка отправки становится активной, и они могут выполнить действие. Но для жизни я не могу найти хороший способ сделать это на стороне клиента с WebForms. Существует ли простой механизм для использования этого типа рабочего процесса без тонны событий обратной передачи?

Примечание. Это внутреннее приложение, для которого высокий уровень безопасности в данном случае не является обязательным требованием. Как я уже сказал, это должно быть чем-то, что немного замедляет пользователя.

Answer 1

Это похоже на стиль подтверждения mint.com.

Добавьте JavaScript в текстовое поле onChange или onKeyUp, проверьте и включите кнопку.пример:

<script type="text/javascript">
function checkConfirmationText(){
 // Check if value of entered text = value of hidden text
 var isOk = document.getElementById('confirmation-label').value == document.getElementById('confirmation-text').value);

 // Show/Hide button depending on the text
 document.getElementById('btn-submit').style.dispaly = isOk ? '' : 'none';
}
</script>

<!--  HTML  -->
<input type="hidden" id="confirmation-label" value="DELETE" />
Enter "DELETE": <input type="text" id="confirmation-text" value="" onkeyup="checkConfirmationText()" />
<input type="submit" id="btn-submit" style="display:none" />

Answer 2

Вы можете сгенерировать метод javascript для проверки кода (включая код в методе) на стороне сервера и использовать registerclientscriptblock (или любой другой текущий метод), затем использовать onblur для вызова этого метода.