登录验证失败时,让验证码自动更新

用户登录系统输入完登录信息,点“登录”按钮,如果系统验证到输入信息不正确,登录失败。我们可以让用户点击验证码,实现验证码更新:

代码
< img  id ="imgValidateCode"  src ='<%=ResolveUrl("~/Front/ValidateCode.aspx")  % > '
                                                        align="absmiddle" height="23" οnclick="javascript:this.src='
<% = ResolveUrl( " ~/Front/ValidateCode.aspx?id= " %> ' + Math.random();"
                                                        alt="看不清楚?点击刷新验证码" style="cursor: hand;" />

 

我们想做到是,不需要用户点击任何更新动作,验证码自动更新,下面是javascript脚本,是验证码更新脚本:

代码
  < script language = " javascript "  type = " text/javascript " >
        
// 更改验证码        
         function  changeImage() {
            
var  tagImg  =  document.getElementById( ' imgValidateCode ' );
            
if  (tagImg  !=  undefined) {
                tagImg.src 
=   " Front/ValidateCode.aspx?id= "   +  Math.random();
            }
        }    
< / script>

 

这是javascript脚本,想实现在C#后端执行,您得先下载C#运行Javascript脚本Utility ,解压之后,把DLL文件放入Project的BIN目录中。

实现时在xxx.aspx.cs页,引用名称空间using Insus.NET; :

代码
protected   void  SignIn( object  sender, EventArgs e)
    {       
        
try
        {
            
// 检验验证码是否正确           
            
//  检验登录信息
        }
        
catch  (Exception ex)
        {
           
// 实例重点部分            
            JavascriptUtility objJavascriptUtility  =   new  JavascriptUtility();                    
            
string  jsCode  =   " changeImage(); " ;
            objJavascriptUtility.RunJavaScript(jsCode);
        }
    }

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值