ajax用户注册验证视频,jquery+ajax实现注册实时验证实例详解
本文实例讲述了jquery+ajax实现注册实时验证。分享给大家供大家参考,具体如下:
当我们注册一个用户时,会实时提示该用户的信息是否可用,这就是ajax的应用,很久以前就看过这个实现了,今天又看了一遍,给记录下来O(∩_∩)O哈!
先介绍下ajax中$.get,由于$.post用法和$.get大同小异就不再介绍了:
这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。
$(selector).get(url,data,success(response,status,xhr),dataType)
参数
描述
url
必需。规定将请求发送的哪个 URL。
data
可选。规定连同请求发送到服务器的数据。
success(response,status,xhr)
可选。规定当请求成功时运行的函数。
额外的参数:
response - 包含来自请求的结果数据
status - 包含请求的状态
xhr - 包含 XMLHttpRequest 对象
dataType
可选。规定预计的服务器响应的数据类型。
默认地,jQuery 将智能判断。
可能的类型:
"xml"
"html"
"text"
"script"
"json"
"jsonp"
请求 test.php 网页,忽略返回值:
$.get("test.php");
更多示例:
例子 1
请求 test.php 网页,传送2个参数,忽略返回值:
$.get("test.php", { name: "John", time: "2pm" } );
例子 2
显示 test.php 返回值(HTML 或 XML,取决于返回值):
$.get("test.php", function(data){
alert("Data Loaded: " + data);
});
例子 3
显示 test.cgi 返回值(HTML 或 XML,取决于返回值),添加一组请求参数:
$.get("test.cgi", { name: "John", time: "2pm" },
function(data){
alert("Data Loaded: " + data);
});
下面贴上我的代码:
用户注册
$(document).ready(function(){
$("#username").focus();
$("#username").keyup(function()
{
name= $("#username").val();//val()方法返回或设置被选元素的值。
if(len(name)< 4)//调用下面的自定义len函数
$("#username1").html("注册名称必须大于等于2位");
else
$("#username1").html("符合要求");//html() 方法返回或设置被选元素的内容 (inner HTML)。
});
$("#username").blur(function(){
name= $("#username").val();
$.get("t1.php", { username:name } ,function(data){//判断数据库中是否存在此用户名 重点$.get,$.post t1.php在下面
if(data==1) {$("#username1").html("符合要求");}
else {$("#username1").html("已被占用");}
});
});
});
function len(s) {//若为汉字之类的字符则占两个
var l = 0;
var a = s.split("");
for (var i=0;i
if (a[i].charCodeAt(0)<299) {
l++;
} else {
l+=2;
}
}
return l;
}
用户名: |
ajax用户注册验证视频,jquery+ajax实现注册实时验证实例详解相关推荐
- ppst——技术视频 jquery ajax 请求 同步异步的执行的设置
ppst 技术视频--技术视频 jquery ajax 请求 同步异步的执行的设置:请访问ppst 技术视频分享平台 , www.ppst.cc,上面有最新的技术视频,推荐大家把博客录制成视频吧,可以 ...
- mvc jquery ajax分页实例,jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解,mvcpagerajax分页...
jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解,mvcpagerajax分页 简单的两个步骤即可实现分页功能 //回调里面进行业务处理 function lo ...
- Ajax如何设置contenttype,jquery ajax contentType设置
默认get方法没有contentType,post方法的contentType为:application/x-www-form-urlencoded; charset=UTF-8 (1) 设置成app ...
- php 请求拦截,解决拦截器对ajax请求的拦截实例详解
解决拦截器对ajax请求的的拦截 拦截器配置:public boolean preHandle(HttpServletRequest request, HttpServletResponse resp ...
- 小程序怎么处理轮训ajax,微信小程序中使用Promise进行异步流程处理的实例详解...
微信小程序中使用Promise进行异步流程处理的实例详解 我们知道,JavaScript是单进程执行的,同步操作会对程序的执行进行阻塞处理.比如在浏览器页面程序中,如果一段同步的代码需要执行很长时间( ...
- $.ajax实例详解,Ajax与$.ajax实例详解
这次给大家带来Ajax与$.ajax实例详解,Ajax与$.ajax使用的注意事项有哪些,下面就是实战案例,一起来看一下. 实例一(Ajax请求基本创建格式): Ajax练习(GET,不考虑浏览器兼容 ...
- ajax常用案例,Ajax和$.ajax使用实例详解(推荐)
实例一(Ajax请求基本创建格式): Ajax练习(GET,不考虑浏览器兼容性) function doRequest() { //不考虑浏览器兼容性问题 var xmlHttp = new XMLH ...
- 登录注册功能的实现详解(多用户名注册、案例补充)
登录注册功能的实现详解(多用户名注册.案例补充) 案例功能说明 1.可以保存多个注册用户 2.注册时判断用户名是否存在,不存在可注册 3.注册成功后,跳转到登录页面 4.取出cookie里面的值,进行 ...
- ebay注册流程_2017年eBay注册开店流程图文详解
原标题:2017年eBay注册开店流程图文详解 今天跟大家分享最新的eBay注册开店流程,希望对卖家小伙伴们有所帮助.我们先简单了解一下eBay注册条件. 企业注册eBay需满足以下条件: 合法登记的 ...
最新文章
- java 线程的创建和执行_线程管理(一)线程的创建和运行
- 我是如何从程序小白成为码农的
- float、double(浮点数)区别还有和decimal(定点数)的比较
- 活动目录实战系列三(建立子域)
- (计算机组成原理)第三章存储系统-第七节2:页式/段式虚拟存储器
- Solving 'stdin: is not a tty ' error
- MySQL高级-MySQL查询缓存优化
- 预训练语言模型论文分类整理
- HttpClient Get请求实例
- 复变函数系列(三 ) - 复变函数的积分
- TCP超时与重传机制
- 编译原理考试知识点总结
- 纳什均衡定义、举例、分类
- 原装苹果手机_苹果手机换个屏水这么深!嘉兴警方揭开“原装屏”真相
- 教师人生格言积极向上的句子
- 关于电视盒子/XBOX/手机使用kodi访问局域网下的windows电脑文件/电影
- 手机里android文件里哪些文件可删除,手机文件夹哪些可以删除?这4个删除它妥妥的...
- Win11终于兼容安卓App!微软推送安卓子系统
- 电商扣减库存_二类电商:鲁班今日最新消息!
- 解决word2019安装完visio变得卡顿的问题
热门文章
- centos7 校正linux系统时间_Linux系统:centos7下安装Jdk8、Tomcat8、MySQL5.7环境
- 【Python】基于 Flask 框架,模拟微信朋友圈的服务端
- AS608指纹识别模块(树莓派)
- 大唐杯 5G工程实践 (35:00-45:00)任务三 任务五(15%)
- 利用Selenium爬取煎蛋网妹纸图原来是这么简单!!!
- 数据库简史(精简版)
- 国际教育邮箱哪个好?企业邮箱oa系统的那个好?
- windowsphone开发_短短几年彻底惨败 揭秘WindowsPhone究竟做错了什么
- 程序员大约多少岁就失业(你准备好失业了吗)
- chrome多标签用户The Great Suspender