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

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

<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);
        }
    }