`
yuelangyc
  • 浏览: 456277 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JS无刷新重载图片,验证码--`看不清换一张`功能

阅读更多
登陆模块中,为了防止暴力破解密码都会添加验证码,包括图片点击获取新验证码功能实现(看不清换一张)。

浏览器不刷新的情况下,进行图片切换,重新加载图片:


     <div id="validcode" >
         <label>验证码:</label>
         <input type="text" name="kaptchafield" class="textbox340" name="kapt" id="kapt" style="width: 180px; vertical-align:middle;" value="" />
         <img id='kaptcha' src="Kaptcha.jpg" style="vertical-align:middle;"/>
     </div>



 $("#kaptcha").click(function(){
    this.setAttribute('src','Kaptcha.jpg?'+Math.random());
 });



<script language="JavaScript">
function reloadcode(){
    var verify=document.getElementById('kaptcha');
    //这里必须加入随机数不然地址相同无发重新加载
    verify.setAttribute('src','Kaptcha.jpg?'+Math.random());
}
</script>

0
1
分享到:
评论

相关推荐

    jsp+Ajax无刷新验证码

    为了防止作弊,当用户连接3次输入错误时则重载一下图片,这样也利于用户因为图片上的验证码辨认不清而使终无法输入正确。 本例还特别适合检验用户名是否有效,只要从后台做个sql查询,返回一个值或是xml...

    Ajax异步无刷新验证码

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

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

    局部刷新的验证码实现方法是一种优化用户体验的技术,它允许用户在不重新加载整个页面的情况下更新验证码图像。对于那些不熟悉Ajax(异步JavaScript和XML)的开发者来说,这是一个相对简单的解决方案。 首先,我们...

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

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

    jsp+Ajax无刷新验证码完整版

    为了防止作弊,当用户连接3次输入错误时则重载一下图片,这样也利于用户因为图片上的验证码辨认不清而使终无法输入正确。 本例还特别适合检验用户名是否有效,只要从后台做个sql查询,返回一个值或是xml...

    异步刷新-验证码kaptchaDome

    在这个名为“异步刷新-验证码kaptchaDome”的项目中,作者提供了一个自定义的验证码解决方案,强调了异步刷新的功能,这使得验证码能够在不刷新整个页面的情况下更新,提高了用户体验。 验证码的核心在于它的随机性...

    asp.net验证码控件无刷新

    而无刷新验证码则通过JavaScript或其他前端技术实现,当用户点击刷新验证码按钮时,只需向服务器发送一个轻量级的Ajax请求,服务器生成新的验证码并返回,前端动态更新验证码图像,而无需整个页面重载。 描述中提到...

    无刷新仿google波形扭曲彩色验证码

    3. **无刷新技术**:使用JavaScript或其他客户端脚本语言,可以实现在不重新加载整个网页的情况下更新验证码。这提供了更快的响应速度,减少了用户的等待时间,提高了网站的整体性能。 4. **ASP.NET 2.0**:这个...

    Ext3.0 实现验证码

    2. 图片重载:如果用户看不清验证码,应提供“换一张”或“刷新”按钮,方便用户获取新验证码。 3. 可访问性考虑:对于视力障碍的用户,可以提供音频验证码作为替代方案。 在Ext3.0中实现验证码不仅需要前端的...

    asp.net 图片验证码的HtmlHelper

    根据给定的文件内容,可以了解到原有的验证码实现依赖于客户端JavaScript和服务器端的Url.Action来动态请求验证码图片,并在点击图片时通过JavaScript添加随机查询字符串参数来请求新的图片,从而达到刷新验证码的...

    ASP自定义文字AJAX刷新验证

    在传统的验证码系统中,用户如果看不清验证码图像,通常需要手动刷新页面来获取新的验证码。然而,通过引入AJAX,这个过程可以变得无缝且无需页面重载,从而提高网站的交互性和效率。 首先,让我们深入了解ASP...

    jquery+asp+access无刷新评论_无错版

    标题中的“jquery+asp+access无刷新评论_无错版”揭示了这是一个使用jQuery、ASP(Active Server Pages)和Access数据库构建的评论系统,且具备无刷新(Ajax)功能,保证用户在提交评论时页面无需完全重载。...

    之AJAX实现局部刷新

    通过在后台与服务器进行少量的数据交换,它可以实现页面的局部刷新而不需重载整个网页。这种方式可以极大地提高网页的响应速度和用户体验。 #### 三、随机验证码的重要性 随机验证码通常用于验证用户是否为真实的...

    不能再简单的无闪刷新验证码原理很简单

    标题和描述中提到的“不能再简单的无闪刷新验证码原理”,实际上是一种基于JavaScript的简单实现方式。 首先,我们来解析一下给出的JavaScript代码片段: ```javascript onclick='this.src="GifCode.asp#"+new ...

    返回上一个url并刷新界面的js代码

    为了实现页面的返回上一页并刷新界面,可以利用JavaScript(JS)来完成。以下将详细介绍使用JavaScript返回上一个URL并刷新页面的方法,并且说明如何在PHP等服务器端语言中整合这些JS代码以实现特定的页面操作。 ...

    rn组件Demo

    8. **热重载(Hot Reloading)**:RN提供的一种实时刷新功能,可以在不重启应用的情况下快速看到代码更改的效果,极大地加快了开发速度。 9. **第三方库**:社区提供了大量的第三方库,如Redux(状态管理)、React ...

    Ajax用户注册,可测试

    Ajax(异步JavaScript和XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使网页实现局部刷新,提升了用户体验。在这个"Ajax用户注册"的案例中,我们将重点...

    利用PHP绘图函数实现简单验证码功能的方法

    在本文中,我们将深入探讨如何使用PHP的绘图函数来创建一个简单的验证码功能...7. **JavaScript交互**:`onclick`事件刷新验证码图像。 了解并实践这些知识点,开发者能够创建出自己的验证码系统,增强网站的安全性。

    (完整)javaweb开发要学习的所有技术和框架总结:,推荐文档.docx

    - **定义**:一种利用JavaScript实现网页局部刷新的技术。 - **原理**:通过XMLHttpRequest对象与服务器异步通信,无需重载整个页面即可更新部分内容。 - **应用场景**:实现动态加载数据、实时聊天等功能。 #### ...

    xiomi_登录注册_展示_小米商城_ajax_

    AJAX是一种网页开发技术,允许在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。在登录注册场景下,AJAX可以实现无刷新验证,如实时检查用户名是否已存在,或者密码强度是否符合要求。这提供了更流畅的...

Global site tag (gtag.js) - Google Analytics