博主信息
博文 49
粉丝 0
评论 1
访问量 55961
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
实战 :$.ajax()方法实现实时验证---2018年04月11日
失去过去的博客
原创
1110人浏览过

实例

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		
		<title></title>
	</head>
	<body>
		<form action="api/login.php" method="post">
			
		<p>账号:<input type="text" name="name" id="name" value="" placeholder="邮箱/手机号/用户名" /></p>
			
	
		</form>
	</body>
	<script type="text/javascript">
		$('#name').blur(function(){
			
//			基本语法 $({url,type,dataType,saync,data,success})
			$.ajax(
//				参数中必须用大括号包裹{}

				{url:'api/login.php',
				//提交方式
				type:'GET',
				//数据类型
				dataType:'json',
				// 是否异步 默认值为true 
				async:true,
				//data:{
					//'name':$('#name').val()
				//},
				//数据打包  序列化
				data:$("form:first").serializeArray(),
				//回调函数  返回数据  
				success:function(msg,status,xhr){
					console.log(msg)
//					清空内容
					$('p span').empty()
//					获取返回值的tips
					$('p').append(msg.tips)
					
				}
					
				}
				
			)
//2.方法2			
//			$.ajax(
//				{url:'api/login.php',
//				type:'GET',
//				dataType:'json',
//				async:true,
//				/*data:{
//					'name':$('#name').val()
//				},*/
//				data:$("form:first").serializeArray(),
//					
//				}
//				
//			).done(function(msg,status,xhr){
//					console.log(msg)
//					$('p span').empty()
//					$('p').append(msg.tips)
//					
//				})
		})
	</script>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

实例

<?php
	//声明数组 后期需要从数据库中获取
	$namearr= array('123456','admin','liuzhi','ceshi');
	//$_GET传递过来的参数
	$username = $_GET['name'];
	//条件判断 用到的方法有 strlen()获取字符串长度 trim()去除支付左右空格
	//json_encode() 转换成json数据 array()数组 is_numeric()是否是数值 
	//in_array($a,$array)是否在数组里面参数第一个为值 第二个是数组
	if(strlen(trim($username)) == 0){
			$tips = '<span style="color:red">用户名不能为空</span>';	
			$status = 0;
			echo json_encode(array('status'=>$status,'tips'=>$tips));
			
					
		
	}else if(in_array($username, $namearr)){
		
			$tips = '<span style="color:red">用户名称已存在</span>';	
			$status = 0;
			echo json_encode(array('status'=>$status,'tips'=>$tips));
		
	}else if(is_numeric($username)){
			$tips = '<span style="color:red">不能为纯数字</span>';	
			$status = 0;
			echo json_encode(array('status'=>$status,'tips'=>$tips));
	}else{
		
			$tips = '<span style="color:green">用户名可以使用</span>';	
			$status = 0;
			echo json_encode(array('status'=>$status,'tips'=>$tips));
	}
	
?>

运行实例 »

点击 "运行实例" 按钮查看在线实例

QQ截图20180411185359.jpg

批改状态:合格

老师批语:
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

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

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学