jQuery Ajax显示对号和错号用于验证输入验证码是否正确

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

<script src="js/j.js"></script>
<script>
$(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();
   }
  });
  }
 });
});
</script>

首先引入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 代码

<tr>
  <td height="40" align="right">验证码：</td>
  <td height="40"><span class="addred">*</span></td>
  <td height="40">
  <input type="text" name="gcode" id="textfield7" class="txtlist">
<span id="yes" class="sl-correct-verifycode"></span><span id="no" class="sl-error-verifycode"></span>
  <img style="float:right; margin-top:-25px; margin-right:300px;" align="middle" src="inc/cc.php" onClick="this.src='inc/cc.php?'+new Date" title="点击换一张图片" width="100px"></td>
 </tr>

gbook.php

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

注意图片一定要引入

以上所述是小编给大家介绍的jQuery Ajax显示对号和错号用于验证输入验证码是否正确，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# jquery  # ajax验证输入验证码  # ajax  # 验证码  # Ajax和PHP正则表达式验证表单及验证码  # thinkphp验证码的实现(form、ajax实现验证)  # PHP生成各种常见验证码和Ajax验证过程  # jsp+ajax实现的局部刷新较验验证码(onblur事件触发较验)  # 基于Ajax用户名验证、服务条款加载、验证码生成的实现方法  # asp.net ajax实现无刷新验证码  # 给大家  # 小编  # 在此  # 说了  # 不多  # 所示  # 所述  # 给我留言  # 感谢大家  # 是否正确  # 疑问请  # 有任何  # background  # verifycode  # image  # images  # url  # show  # msg 

相关文章： 如何获取PHP WAP自助建站系统源码？  定制建站模板如何实现SEO优化与智能系统配置？18字教程  制作网站软件推荐手机版,如何制作属于自己的手机网站app应用？  大连企业网站制作公司,大连2025企业社保缴费网上缴费流程？  唐山网站制作公司有哪些,唐山找工作哪个网站最靠谱？  湖州网站制作公司有哪些,浙江中蓝新能源公司官网？  建站之星备案流程有哪些注意事项？  如何通过西部数码建站助手快速创建专业网站？  如何自定义建站之星模板颜色并下载新样式？  整人网站在线制作软件,整蛊网站退不出去必须要打我是白痴才能出去？  非常酷的网站设计制作软件,酷培ai教育官方网站？  潮流网站制作头像软件下载,适合母子的网名有哪些？  购物网站制作费用多少,开办网上购物网站，需要办理哪些手续？  如何挑选高效建站主机与优质域名？  标准网站视频模板制作软件,现在有哪个网站的视频编辑素材最齐全的，背景音乐、音效等？  如何通过cPanel快速搭建网站？  c# 在高并发场景下，委托和接口调用的性能对比  建站之星如何优化SEO以实现高效排名？  建站之星如何实现网站加密操作？  音乐网站服务器如何优化API响应速度？  建站VPS能否同时实现高效与安全翻墙？  建站之星如何快速更换网站模板？  制作网站的模板软件,网站怎么建设？  如何在自有机房高效搭建专业网站？  香港代理服务器配置指南：高匿IP选择、跨境加速与SEO优化技巧  C++如何将C风格字符串（char*）转换为std::string？（代码示例）  网站代码制作软件有哪些,如何生成自己网站的代码？  建站与域名管理如何高效结合？  代刷网站制作软件,别人代刷火车票靠谱吗？  专业商城网站制作公司有哪些,pi商城官网是哪个？  大型企业网站制作流程,做网站需要注册公司吗？  品牌网站制作公司有哪些,买正品品牌一般去哪个网站买？  建站之星ASP如何实现CMS高效搭建与安全管理？  成都网站制作报价公司,成都工业用气开户费用？  网站制作中优化长尾关键字挖掘的技巧,建一个视频网站需要多少钱？  如何选择PHP开源工具快速搭建网站？  阿里云网站搭建费用解析：服务器价格与建站成本优化指南  定制建站是什么？如何实现个性化需求？  建站之星客服服务时间及联系方式如何？  建站之星北京办公室：智能建站系统与小程序生成方案解析  如何登录建站主机？访问步骤全解析  ppt制作免费网站有哪些,ppt模板免费下载网站？  网站制作大概要多少钱一个,做一个平台网站大概多少钱？  如何通过FTP空间快速搭建安全高效网站？  制作网站的软件免费下载,免费制作app哪个平台好？  如何在Golang中使用replace替换模块_指定本地或远程路径  再谈Python中的字符串与字符编码（推荐）  济南专业网站制作公司,济南信息工程学校怎么样？  武清网站制作公司,天津武清个人营业执照注销查询系统网站？  如何通过万网虚拟主机快速搭建网站？