`
TTLtry
  • 浏览: 22519 次
  • 性别: 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();"  />

相关推荐

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

    总的来说,局部刷新验证码的实现不仅提升了用户体验,也简化了开发流程,尤其对于不熟悉Ajax技术的开发者,这是一个很好的实践案例。通过这种方式,用户无需等待整个页面重载,就能快速获取新的验证码,提高了交互...

    Ajax异步无刷新验证码

    Ajax异步无刷新验证码是一种常见的Web安全验证技术,它结合了Ajax(Asynchronous JavaScript and XML)与验证码(CAPTCHA)的特性,为用户提供更流畅、更友好的网页交互体验。在传统的网页验证过程中,用户每次提交...

    AJAX+jsp无刷新验证码实例

    "AJAX+jsp无刷新验证码实例"就是一个展示如何利用AJAX(异步JavaScript和XML)和JSP(JavaServer Pages)技术实现验证码的无刷新验证的具体应用。下面将详细介绍这个实例中的相关知识点。 首先,验证码的主要目的是...

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

    【描述】:“实现局部刷新验证码,ajax登录功能”这部分描述说明了该登录界面有两个关键特性:一是验证码的局部刷新,二是利用Ajax进行登录操作。局部刷新验证码是防止机器人自动登录的有效手段,它要求用户在输入...

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

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

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

    ### 局部刷新验证码内容 有时候我们并不需要刷新整个验证码图片,而只是需要刷新验证码图片中的内容。在这种情况下,可以使用Ajax来请求后端服务生成新的验证码内容,并将其更新到已有的图片中。这通常涉及到前端...

    JSP无刷新验证码

    在JSP中实现无刷新验证码,意味着用户在不重新加载整个页面的情况下可以更新验证码,提高了用户体验。本文将详细介绍如何使用Ajax和JSP来实现这一功能。 首先,我们需要理解Ajax(Asynchronous JavaScript and XML...

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

    标题和描述中提到的“jsp+ajax实现的局部刷新较验验证码(onblur事件触发较验)”技术涉及的知识点主要包括了JSP页面技术、AJAX无刷新数据交互技术、以及验证码图片的生成和验证方法。下面将对这些知识点进行详细说明...

    局部刷新的验证码控件

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

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

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

    jsp中实现验证码刷新功能

    下面我们将详细探讨如何在JSP中实现中文验证码以及使用JavaScript来实现局部刷新功能。 1. **创建随机中文验证码** - 首先,我们需要一个包含中文字符的字符串数组,可以包含汉字的基本部首和常用字。 - 使用Java...

    之AJAX实现局部刷新

    使用AJAX实现验证码的局部刷新能够显著改善用户体验,因为用户不必每次刷新验证码时都等待整个页面重新加载。 #### 四、实现步骤 ##### 1. 前端页面设计 前端页面需要包括一个显示验证码图片的元素(如`&lt;img&gt;`...

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

    ### jsp+ajax实现的局部刷新验证验证码(onblur事件触发验证) #### 技术背景与概念 在Web应用开发中,验证码(CAPTCHA)是一种常用的安全措施,用于区分用户是人类还是自动化软件。传统的表单提交方式在提交数据时...

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

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

    php验证码与刷新

    关于局部刷新,这里指的是只刷新验证码而不刷新整个页面。这可以通过AJAX技术实现。`test.php`可能包含了一个处理此功能的脚本。当用户点击“刷新验证码”按钮时,发送一个异步请求到服务器,服务器生成新的验证码并...

    只更新验证码,不刷新页面

    传统的验证码机制往往需要用户在输入表单时手动刷新验证码图片以获取新的验证码。然而,这种做法可能导致用户在填写表单的过程中被打断,降低了用户体验。通过使用`&lt;iframe&gt;`,我们可以实现验证码的动态更新,让用户...

    Flutter实现局部刷新

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

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

    3. **Ajax局部刷新**:当用户点击“刷新验证码”按钮时,发送一个Ajax请求到服务器,服务器生成新的验证码并返回,前端接收到新验证码后更新图片源URL,实现局部刷新。 4. **验证验证码**:用户输入验证码后,前端...

Global site tag (gtag.js) - Google Analytics