为了账号安全,请及时绑定邮箱和手机立即绑定

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

标签:
前端工具

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

代码

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

 

我们想做到是,不需要用户点击任何更新动作,验证码自动更新,下面是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);
        }
    }

 

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消