ajax 验证码验证 php,PHP验证码之Ajax验证实现方法_PHP教程

在网站开发中为了提供用户体验我们多数都使用ajax来做一些操作，下面我来介绍一个利用ajax实现无刷新页面的验证码ajax验证有需要的朋友可参考。

验证码生成程序我这里就不介绍了，大家可参考http://www.bKjia.c0m/phper/phpanqn/46698.htm 下面介绍一个简单的

代码如下

验证码

生成后，我们要在实际的项目中应用，通常我们使用ajax可以实现点击验证码时刷新生成新的验证码(有时生成的验证码肉眼很难识别)，即“看不清换一张”。填写验证码后，还需要验证所填验证码是否正确，验证的过程是要后台程序来完成，但是我们也可以通过ajax来实现无刷新验证。

验证验证码正确或错误的方法

验证码图片上的文字被存放到了SESSION 变量里面，验证的时候，我们需要将SESSION 里面的值和用户输入的值进行比较即可。

$_SESSION[6_letters_code] – 存放着验证码的文字值

$_POST[6_letters_code] – 这是用户输入的验证码的内容

我们建立一个前端页面index.html，载入jquery，同时在body中加入验证码表单元素：

代码如下

验证码：

html代码中，

代码如下

$(function(){

//数字验证

$("#getcode_num").click(function(){

$(this).attr("src",'https://www.gxlcms.com/code_num.php?' + Math.random());

});

...

});

刷新验证码，其实就是重新请求了验证码生成程序，这里要注意的是调用https://www.gxlcms.com/code_num.php时要带上随机参数防止缓存。接下来填写好验证码之后，点“提交”按钮，通过$.post()，前端向后台chk_code.php发送ajax请求。

代码如下

$(function(){

...

$("#chk_num").click(function(){

var code_num = $("#code_num").val();

$.post("chk_code.php?act=num",{code:code_num},function(msg){

if(msg==1){

alert("验证码正确！");

}else{

alert("验证码错误！");

}

});

});

});

后台chk_code.php验证：

代码如下

session_start();

$code = trim($_POST['code']);

if($code==$_SESSION["helloweba_num"]){

echo '1';

}

后台根据提交的验证码与保存在session中的验证码比对，完成验证。

http://www.bkjia.com/PHPjc/629628.htmlwww.bkjia.comtruehttp://www.bkjia.com/PHPjc/629628.htmlTechArticle在网站开发中为了提供用户体验我们多数都使用ajax来做一些操作，下面我来介绍一个利用ajax实现无刷新页面的验证码ajax验证有需要的朋友...

本条技术文章来源于互联网，如果无意侵犯您的权益请点击此处反馈版权投诉

本文系统来源：php中文网