ajax异步验证效果展示,AJAX(二)-实现验证码异步验证功能(示例代码)

Created by IntelliJ IDEA.

User: cxspace

Date: 16-8-18

Time: 下午7:45

To change this template use File | Settings | File Templates.

--%>

验证码检查

//去掉两边空格

function trim(str) {

//正则表达式去掉左边空格

str = str.replace(/^\\s*/,""); //换掉左边空格

str = str.replace(/\\s*$/,""); //换掉右边空格

return str;

}

document.getElementById("checkcodeID").onkeyup = function () {

var checkcode = this.value;

var checkcode = trim(checkcode);

if (checkcode.length == 4){

var ajax = createAJAX();

var method = "POST";

var url = "${pageContext.request.contextPath}/checkRequest?time="+new Date().getTime();

ajax.open(method,url);

ajax.setRequestHeader("content-type","application/x-www-form-urlencoded");

var content = "checkcode="+checkcode;

ajax.send(content);

ajax.onreadystatechange = function () {

if(ajax.readyState == 4){

if (ajax.status == 200){

var tip = ajax.responseText;

var img = document.createElement("img");

img.src = tip;

img.style.width = "14px";

img.style.height = "14px";

var td = document.getElementById("res");

td.innerHTML="";

td.appendChild(img)

}

}else {

var td = document.getElementById("res");

td.innerHTML = "";

}

ajax异步验证效果展示,AJAX(二)-实现验证码异步验证功能(示例代码)相关推荐

ajax实现搜索提示源码,Jquery实现搜索框提示功能示例代码
博客的前某一篇文章中http://www.jb51.net/article/35175.htm写过一个用Ajax来实现一个文本框输入的提示功能.最近在一个管理项目的项目中,使用后发现,真的反应很慢,数 ...
c 服务器二次验证码,V5验证官网 - 基础套餐免费 -滑块验证，行为验证，防刷验证 - 文档...
平台对接 V5验证前后端对接流程如下图所示: 前后端调用时序图对接V5验证分为业务网站后台api对接以及业务前端代码引入两部分. 业务网站后台获取验证Token及验证服务器(getToken) 用 ...
ajax返回显示下拉列表,ajax中网页传输（二）JSON——下拉列表显示练习(示例代码)...
以json返回数据类型显示"民族下拉列表" 第一:body页面显示部分 JSON下拉显示Nation表中的数据用下拉显示Nation表中的数据第二:jscrip中ajax后台函 ...
ajax向后台传多个值,jQuery ajax如何传多个值到后台页面，举例：(示例代码)
一.js代码 $("#save_change_").click(function(){ //从模态框中取值,并通过ajax传到后台 var account = document.g ...
datatables ajax错误,ajax datatable - DataTables警告：table id = example - 无法重新初始化DataTable(示例代码)...
我正在从SQL中检索数据以包含在表中.我的代码返回错误"DataTables warning:table id = example - 无法重新初始化DataTable.有关此错误的更多信息 ...
php验证码验证不成功,Yii输入正确验证码却验证失败的解决方法
前言最近在做一个需求时,发现输入正确验证码,但是都提示验证码错误最后追踪代码发现,如果 Model 在 save 前,单独做了 validate 验证,则在验证结束后,会重新生成验证码然后在我们 ...
AJAX 入门培训 PPT 及示例代码
AJAX 入门培训 PPT 及示例代码 PPT: http://www.blogjava.net/Files/beansoft/ajax_intro_1.2.ppt.rar 151KB 示例代码: a ...
验证码的生成及简单效果展示（Java篇）
验证码的生成及简单效果展示前言一.验证码的生成 1,验证码生成的原理 2,验证码生成步骤 3,代码演示二.验证码效果演示 1,前端代码展示 2,效果展示总结前言提示:本文设计语言实现Jav ...
渗透测试-暴力破解之验证码客户端验证绕过
暴力破解之验证码客户端验证绕过文章目录暴力破解之验证码客户端验证绕过前言一.什么是验证码客户端验证绕过二.验证码客户端验证绕过 1.打开pikachu进行实验 2.用burp抓包进行客户端绕 ...

ajax异步验证效果展示,AJAX(二)-实现验证码异步验证功能(示例代码)

ajax异步验证效果展示,AJAX(二)-实现验证码异步验证功能(示例代码)相关推荐

最新文章

热门文章