jQuery Ajax显示对号和错号用于验证输入验证码是否正确
2017-04-12 09:20
633 查看
废话不多说了,直接给大家贴代码了,具体代码如下所示:
<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显示对号和错号,用于验证输入验证码是否正确
- 网络应用:生成随机验证图片并在输入验证码后判断验证码是否正确
- 使用session验证输入的验证码是否正确
- 验证输入日期类型是否正确 (YYYY-MM-DD)
- js怎么验证验证码是否填写正确
- Javascript与PHP验证用户输入URL地址是否正确
- 判断手机号的输入是否正确、获取当前的时间以及显示距离上次发布有多久的时间
- 验证用户输入的Windows本地登陆信息是否正确
- 登录时第一次输入验证码显示验证码错误。出现的问题:验证码ajax验证时 后台取不到session的值
- Javascript与PHP验证用户输入URL地址是否正确
- 关于验证输入iP地址是否正确的shell脚本?
- android中对输入手机号码有效性验证(是否为正确的手机号码)
- 验证邮箱的输入是否正确
- JavaScript - JS验证邮箱 身份证 VISA 卡输入是否正确|正则表达式
- Yii框架验证码不显示、不刷新、验证不正确的一些解决办法
- Javascript验证用户输入URL地址是否正确
- JSP 验证输入信息是否正确
- 生成验证码并判断用户是否输入正确
- Android 验证输入的手机和邮箱字符串格式是否正确
- 正则表达式 验证手机号码和邮箱输入是否正确