使用Ajax实时检测”用户名、邮箱等”是否已经存在_AJAX编写程序,实现判断表单中的用户名是否存在 - CSDN文库

492 浏览量更新于2023-05-31 评论收藏 129KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

使用使用Ajax实时检测实时检测”用户名、邮箱等用户名、邮箱等”是否已经存在是否已经存在

一个网站采用Ajax技术，不仅可以改善网站的用户体验性，而且大大节约了宝贵的带宽，减轻了服务器负荷（不再需要交互整

个网页内容，而是局部）。

　　今天分享一个“利用Ajax技术来检测用户名是否存在”的例子。

利用Ajax技术来检测用户名是否存在的原理流程图：

最终结果截图：

代码如下:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-

transitional.dtd”>

<html xmlns=”http://www.w3.org/1999/xhtml”>

<head>

<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />

<title>Ajax检测用户名</title>

<script type=”text/javascript” src=”ajax.js”></script>

</head>

<body>

<form name=”myform”>

用户名：<input type=”text” name=”user” onblur=”checkname();”>

<span id=”checkbox”></span>

</form>

</body>

</html>

代码解释：

①实现该功能的核心代码在ajax.js，需要另外引进

②给form命名，因为后面我们需要利用JS来取得input框中的value

③给input框添加一个“onblur”事件，即当“焦点”失去时触发该事件(即流程图的“触发控件”)

④<span id=”checkbox”></span>用来放从服务器发送回来的数据（即“用户名已存在”等）

代码如下:

<?php

mysql_connect(“localhost”,’root’,”);

mysql_select_db(‘test’);

$sql=”select * from ajax where name=’$_GET[id]'”;

$query=mysql_query($sql);

if(is_array(mysql_fetch_array($query))){

echo “<font color=red>用户名已存在</font>”;

}else{

echo “<font color=green>用户名可以使用</font>”;

}

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余2页未读，立即下载

评论0

weixin_38638309

粉丝: 2
资源: 944

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈