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

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

登录验证失败时,让验证码自动更新 代码
< img  id ="imgValidateCode"  src ='<%=ResolveUrl("~/Front/ValidateCode.aspx")  % > '
                                                        align="absmiddle" height="23" onclick="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);
        }
    }

 

你可能感兴趣的:(验证码)