jQuery+Ajax判断输入的验证码是否通过

这次给大家带来jQuery+Ajax判断输入的验证是否通过,jQuery+Ajax判断输入验证码是否通过的注意事项有哪些,下面就是实战案例,一起来看一下。

废话不多说了,直接给大家贴代码了,具体代码如下所示:

$(document).ready(function(e) { $('#yes').hide(); $('#no').hide();  $('input[name=gcode]').keyup(function(){   if($(this).val().length==4){  $.post('gbook.php',{cc:$('input[name=gcode]').val()},function(msg){      if(msg=='yes'){    $('#no').hide();    $('#yes').show();   }else{    $('#yes').hide();    $("#no").show();   }  });  } });});

登录后复制

首先引入jquery

.sl-error-verifycode { background-image: url("images/icons.png"); background-position: -26px 0; background-repeat: no-repeat; display: block; font-size: 18px; height: 23px; line-height: 20px; margin-left: 180px; margin-top: -25px; position: relative; text-align: center; width: 20px; z-index: 2;}.sl-correct-verifycode { background-image: url("images/icons.png"); background-position: -50px 0; background-repeat: no-repeat; display: block; font-size: 18px; height: 23px; line-height: 20px; margin-left: 180px; margin-top: -25px; position: relative; text-align: center; width: 20px; z-index: 2;}

登录后复制

验证码的html 代码

  验证码:  *      jQuery+Ajax判断输入的验证码是否通过 

登录后复制

gbook.php

<?phpsession_start();if(isset($_POST['cc'])){ $cc = strtolower($_POST['cc']); $ss = strtolower($_SESSION['code']); if($cc==$ss){   echo "yes"; }else{   echo "no";  }}

登录后复制

注意图片一定要引入

jQuery+Ajax判断输入的验证码是否通过

相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

推荐阅读:

PHP+Ajax如何实现表格的实时编辑

用ajax实现session超时跳转到登录页面

以上就是jQuery+Ajax判断输入的验证码是否通过的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2776538.html

(0)
上一篇 2025年3月8日 14:52:49
下一篇 2025年3月7日 15:09:57

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • jquery+ajax请求数据不刷新怎么处理

    这次给大家带来jquery+ajax请求数据不刷新怎么处理,处理jquery+ajax请求数据不刷新的注意事项有哪些,下面就是实战案例,一起来看一下。 jquery的ajax在频繁请求数据,或者重复请求数据的时候出现了一个情况,那就是非ie…

    编程技术 2025年3月8日
    200
  • 使用ajax验证单号是否存在数据库

    这次给大家带来使用ajax验证单号是否存在数据库,使用ajax验证单号是否存在数据库的注意事项有哪些,下面就是实战案例,一起来看一下。 本文实例讲述了ajax同步验证单号是否存在的方法。分享给大家供大家参考,具体如下: //保存前执行的方法…

    编程技术 2025年3月8日
    200
  • jQuery+ajax怎么实现json数据的遍历

    这次给大家带来jQuery+ajax怎么实现json数据的遍历,jQuery+ajax实现json数据遍历的注意事项有哪些,下面就是实战案例,一起来看一下。 先给大家说下我的需求:进行ajax请求后,后台传递回来以下json数据。 具体实现…

    编程技术 2025年3月8日
    200
  • jQuery+AJAX调用页面的后台

    这次给大家带来jQuery+AJAX调用页面的后台,jQuery+AJAX调用页面后台的注意事项有哪些,下面就是实战案例,一起来看一下。 本文实例为大家分享了jQuery AJAX调用页面后台方法,供大家参考,具体内容如下 1.新建demo…

    2025年3月8日
    200
  • Vue项目中如何引入腾讯验证码功能

    这次给大家带来Vue项目中如何引入腾讯验证码功能,Vue项目中引入腾讯验证码功能的注意事项有哪些,下面就是实战案例,一起来看一下。 什么是腾讯验证码?它长这个样子……:point_down:   最近公司项目要求引入腾讯云验证,要求是这样的…

    2025年3月8日 编程技术
    200
  • ajax实现简单实时验证功能

    这次给大家带来ajax应该怎样实现实时验证,ajax实现实时验证的注意事项有哪些,下面就是实战案例,一起来看一下。 什么是ajax Ajax 即“Asynchronous Javascript And XML”(异步 JavaScript …

    编程技术 2025年3月8日
    200
  • Angular验证功能实现步奏

    这次给大家带来Angular验证功能实现步奏,Angular验证功能实现的注意事项有哪些,下面就是实战案例,一起来看一下。 完整实例代码如下: angular验证功能 input{ display: block; } ul li{ colo…

    编程技术 2025年3月8日
    200
  • AngularJs用户登录时交互及验证步奏详解

    这次给大家带来AngularJs用户登录时交互及验证步奏详解,AngularJs用户登录时交互及验证的注意事项有哪些,下面就是实战案例,一起来看一下。 1. 静态页面搭建及ng的form表单验证实现: 登录 登录后复制 2. 定义用户登录的…

    编程技术 2025年3月8日
    200
  • vue判断用户是否登录

    这次给大家带来vue判断用户是否登录,vue判断用户是否登录的注意事项有哪些,下面就是实战案例,一起来看一下。 通过判断该用户是否登录过,如果没有登录则跳转到login登录路由,如果登录则正常跳转。 一丶首先在用户登录前后分别给出一个状态来…

    编程技术 2025年3月8日
    200
  • 判断页面是否登陆

    这次给大家带来判断页面是否登陆,判断页面是否登陆的注意事项有哪些,下面就是实战案例,一起来看一下。 如下所示: router.beforeEach((to, from, next) => { if (to.matched.some(r…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论