Webforms:输入确认代码后启用“提交”按钮

时间:2010-09-23 14:16:55

标签: c# webforms

我正在开发一个WebForms应用程序,我们希望为应用程序中某个特定点的用户增加速度,因为缺少更好的术语。有一个特定的行动不应该被撤消。因此,当他们单击按钮执行该操作时,我们想要显示一个小的确认窗口,让他们输入我们给他们的随机字符串。一旦他们输入该字符串,并且它与相应的标签匹配,提交按钮就会变为启用状态,他们可以执行该操作。但对于我的生活,我无法想出用WebForms做这个客户端的好方法。是否有一种简单的机制来使用这种类型的工作流而没有大量的回发事件?

注意:这是一个内部应用程序,在这种情况下,高安全性并非真正的必要条件。正如我所说,这意味着要让用户稍微放慢脚步。

2 个答案:

答案 0 :(得分:1)

这类似于mint.com的confimration风格。

将JavaScript添加到文本框onChangeonKeyUp事件中,执行检查并启用按钮。

例如:

<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" />

答案 1 :(得分:0)

你可以生成javascript方法来检查代码(包括方法中的代码)服务器端并使用registerclientscriptblock(或者当前的方法),然后使用onblur来调用该方法。