登录  /  注册
首页 > web前端 > js教程 > 正文

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

韦小宝
发布: 2018-01-01 19:44:30
原创
2338人浏览过

这篇文章主要介绍了jquery ajax显示对号和错号用于验证输入验证码是否正确的相关ajax资料,对ajax感兴趣的朋友可以参考下本篇文章哦!

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


<script src="js/j.js"></script>
<script>
$(document).ready(function(e) {
 $(&#39;#yes&#39;).hide();
 $(&#39;#no&#39;).hide();
  $(&#39;input[name=gcode]&#39;).keyup(function(){
   if($(this).val().length==4){
  $.post(&#39;gbook.php&#39;,{cc:$(&#39;input[name=gcode]&#39;).val()},function(msg){
   
   if(msg==&#39;yes&#39;){
    $(&#39;#no&#39;).hide();
    $(&#39;#yes&#39;).show();
   }else{
    $(&#39;#yes&#39;).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="max-width:90%" align="middle" src="inc/cc.php" onClick="this.src=&#39;inc/cc.php?&#39;+new Date" title="点击换一张图片"  style="max-width:90%" alt="jQuery Ajax显示对号和错号用于验证输入验证码是否正确" ></td>
 </tr>
登录后复制

gbook.php


<?php
session_start();
if(isset($_POST[&#39;cc&#39;])){
 $cc = strtolower($_POST[&#39;cc&#39;]);
 $ss = strtolower($_SESSION[&#39;code&#39;]);
 if($cc==$ss){
   echo "yes";
 }else{
   echo "no"; 
 }
}
登录后复制

注意图片一定要引入

以上所述是小编给大家介绍的jQuery Ajax显示对号和错号用于验证输入验证码是否正确,希望对大家有所帮助!!

相关推荐:

实例详解快速获取Ajax通信对象

原生ajax瀑布流demo实例分享

实例讲解H5移动开发Ajax上传多张Base64格式图片到服务器

以上就是jQuery Ajax显示对号和错号用于验证输入验证码是否正确的详细内容,更多请关注php中文网其它相关文章!

智能AI问答
PHP中文网智能助手能迅速回答你的编程问题,提供实时的代码和解决方案,帮助你解决各种难题。不仅如此,它还能提供编程资源和学习指导,帮助你快速提升编程技能。无论你是初学者还是专业人士,AI智能助手都能成为你的可靠助手,助力你在编程领域取得更大的成就。
相关标签:
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号