Webforms: Activer Envoyer le bouton après avoir entré le code de confirmation

Question

Je travaille sur une application WebForms, et nous voulons mettre un ralentisseur, faute d'un meilleur terme, pour les utilisateurs à un moment donné de l'application. Il y a une action particulière qui n'est pas censée être annulée. Donc, quand ils cliquent sur le bouton pour faire cette action, nous voulons afficher une petite fenêtre de confirmation, demandez-leur d'entrer une chaîne aléatoire que nous leur donnons. Une fois qu'ils ont entré cette chaîne, et qu'elle correspond à l'étiquette correspondante, le bouton de soumission devient active et ils peuvent effectuer l'action. Mais pour la vie de moi, je ne peux pas trouver un bon moyen de faire ce côté client avec WebForms. Existe-t-il un mécanisme simple pour utiliser ce type de flux de travail sans une tonne d'événements post-retour?

Remarque: Il s'agit d'une application interne où une haute sécurité n'est pas vraiment une exigence nécessaire dans ce cas. Comme je l'ai dit, cela doit être quelque chose pour ralentir légèrement l'utilisateur.

Answer 1

Ceci est similaire au style de confimation de mint.com.

Ajoutez JavaScript à la zone de texte onChange ou onKeyUp événement, faites votre vérification et activez le bouton.

Par exemple:

<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

Vous pouvez générer la méthode javascript pour vérifier le code (y compris le code dans la méthode) côté serveur et utiliser registerclientscriptblock (ou quelle que soit la méthode actuelle), puis utiliser onblur pour appeler cette méthode.