`
TTLtry
  • 浏览: 21699 次
  • 性别: Icon_minigender_1
  • 来自: 重庆
社区版块
存档分类
最新评论

局部刷新验证码

阅读更多
其实我一开始的想法也是用updatepanel进行局部刷新,不过后面想了一下动态更改src就OK 了。。。
两种解决方法::
                    <div>
                        <p>
                            <span>请计算 </span><span class="redcolor">
                                <img src="<%= MixApplication.Instance.RelativePath %>/User/Register/MVerCode.aspx"
                                    align="middle" style="position: inherit" id="Mcode"  />&nbsp; </span><span>看不清? </span>
                            <a href="javascript:RefreshMcode();">换一张</a>
                        </p>
                    </div>

【1】:直接在img属性中:设置onclick事件为:onclick="this.src=this.src+'?'"就ok了。。。
【2】:用js代码实现:
 <script type="text/javascript">
    function RefreshMcode() {
        var num = Math.random();
        var MvefCode = $("#Mcode");
        MvefCode .src = "<%= MixApplication.Instance.RelativePath %>/User/Register/MVerCode.aspx?" + num ;
    }
</script>

两种方法实质一样:都是动态改变img的src值:
   突然感觉,ajax固然好,但css和js仍然是基础,不能忘记。。
分享到:
评论
6 楼 zzxsss 2010-05-31  
使用Jquery是为了让JS代码跟HTML更好的分离,看起来更清晰一点。。修改起来更方便。。。
5 楼 TTLtry 2010-04-05  
那也是。痴迷ajax,jquery新技术的学习虽然好,但是也不能因此忽视js基础。
4 楼 天闲降世 2010-03-29  
其实像这样的功能在脚本语言里面都是一样,原理都是一样的。关键是实现手法上面,看谁更加方便。
3 楼 llfzy 2010-02-26  
TTLtry 写道
  其实原理一样,只是换汤不换药。。


现在好多都是这样的!
2 楼 TTLtry 2009-12-19  
  其实原理一样,只是换汤不换药。。
1 楼 Taven.Li 2009-12-19  
直接这样也可以的:

<img src="<%= MixApplication.Instance.RelativePath %>/User/Register/MVerCode.aspx"  align="middle" style="position: inherit" id="Mcode" onclick="this.src='<%= MixApplication.Instance.RelativePath %>/User/Register/MVerCode.aspx&rnd='+Math.random();"  />

相关推荐

    jsp中实现验证码刷新功能

    jsp中实现中文验证码并利用javascript技术实现验证码无法显示或不清晰时局部刷新验证码...

    单击局部刷新的验证码控件

    在网上找的验证码控件都不是很好用,所以自己做了一个。 1、在工具箱里面右键单击“选择项”,浏览选择ValidateImage.dll,确定后将控件拖到需要使用的页面。 2、在Web.config中的system.web节点间添加即可以使用...

    局部刷新的验证码控件

    1、在Web.config中的system.web节点...2、设置属性请将属性设置为按分类排序,即可看到验证码控件的属性。 3、保留所有版权,可以免费使用,但请不要尝试修改或应用于商业模式。 4、有任何问题请联系:yourfei@sina.com

    jsp+ajax实现的局部刷新较验验证码(onblur事件触发较验)

    主要介绍了jsp+ajax实现的局部刷新较验验证码,基于onblur事件触发较验功能,以实例形式详细的分析了前台显示、图片生成及Ajax动态验证等详细技巧,具有一定参考借鉴价值,需要的朋友可以参考下

    Ajax实现带有验证码的局部刷新登录界面

    现在的登录界面大多数都带...1.验证码后台访问部分上一篇博客已经介绍多了,这里介绍如何利用img中src实现局部刷新验证码的功能。 html部分: &lt;p&gt;&lt;label class=lbright&gt;验证码: &lt;input type=text name=validcode

    验证码的实现方法-局部刷新

    个人写的验证码的实现方法-局部刷新,适合对Ajax不熟悉的朋友使用

    带有验证码的漂亮ajax登录界面

    带有验证码的漂亮ajax登录界面。实现局部刷新验证码,ajax登录功能

    jsp+ajax实现的局部刷新较验验证码(onblur事件触发较验).docx

    jsp+ajax实现的局部刷新较验验证码(onblur事件触发较验).docx

    struts2+json+jquery局部刷新实现注册验证

    struts2+json+jquery局部刷新实现注册验证,包括前台的用户名、密码、手机、身份证、邮箱(包含发邮件技术)、邮箱验证码、验证码的验证,用到的是json+jquery,后台则是用struts2+java类

    之AJAX实现局部刷新

    之前上传过一个随机验证码ASP.NET,但没有用AJAX实现局部刷新得验证码--所以这里改进文档上传下

    .net验证码的刷新或局部刷新的方法实例

    .net验证码的刷新或局部刷新的方法实例,下面是实例,需要的朋友可以参考一下

    Flutter实现局部刷新

    下面提供了两种局部刷新的方式,通过provider和StreamBuilder来实现局部刷新 1、通过provider刷新 首先在pubspec.yaml中添加provider依赖 # provider provider: ^3.1.0 下面通过provider来实现一个发送验证码的案例...

    php验证码与刷新

    很实用的资料哦,php验证码和php验证码在网页中的局部刷新 。

    ajax无页面刷新验证、struts结构+ajax+验证码jsp页面

    关于jsp验证码页面。通过ajax来实现验证码的局部刷新和验证

    asp.net 验证码生成和刷新及验证

    验证码技术是为了防止暴力破解等而设定的。现在一般的网站注册等都提供验证码功能,特别是腾讯更是长长的一串。文中参考了别人的代码。有了就没有必要再写了。可以读一下。不过我测试时发现了两次PageLoad的问题。...

    Flutter局部刷新

    下面提供了两种局部刷新的方式,通过provider和StreamBuilder来实现局部刷新 1、通过provider刷新 首先在pubspec.yaml中添加provider依赖 # provider provider: ^3.1.0 下面通过provider来实现一个发送验证码的...

    jsp 图片上传 分页 Ajex局局部刷新,

    最近做项目用到的的相关JAP技术。里面的内容相信大家会喜欢有关想验证码的操作

Global site tag (gtag.js) - Google Analytics