html中ajax检测用户名实例,利用Ajax检测用户名是否被占用的完整实例
适合人群:Ajax和jQuery入门
采用Ajax实现用户名验证
使用jQuery给出提示信息
用户注册的时候,使用Ajax实现检测用户名是否已经被注册过,很多细节没有实现,给大家做个简单普及。
pageEncoding="utf-8"%>
用户注册页面
var xmlHttp;
function createXMLHttpRequest(){
if(window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}else if(window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XMLHttp");
}
}
function validate(account){
createXMLHttpRequest();
xmlHttp.open("Get","ValidateServlet?account="+account,true);
xmlHttp.onreadystatechange = callback;
xmlHttp.send(null);
}
function callback(){
if(xmlHttp.readyState==4){
if(xmlHttp.status==200){
var text = xmlHttp.responseText;
if(text=="true"){
//document.getElementById("msg").innerHTML = "该手机号已经被注册过";
$("#msg").text("该手机号已经被注册");
$("#sub").attr("disabled","true");//添加disabled属性,让按钮不可用
}else{
//document.getElementById("msg").innerHTML = "";
$("#msg").text("");
$("#sub").removeAttr("disabled");//移除disabled属性,让按钮可用
}
}else{
alert("请求失败,错误码="+xmlHttp.status);
}
}
}
function checkInfo(){
var account = $("#account").val();
var pwd1 = $("#pwd1").val();
var pwd2 = $("#pwd2").val();
if(account==""||account==null){
$("#msg").text("账号不能为空");
$("#sub").attr("disabled","true");
return false;
}
if(pwd1==""||pwd1==null||pwd2==""||pwd2==null||pwd1!=pwd2){
$("#info").text("密码不能为空或者两次密码不一致");
$("#sub").attr("disabled","true");
return false;
}
$("#msg").text("");
$("#info").text("");
$("#sub").removeAttr("disabled");
}
function submit(){
checkInfo();
$("#reg").submit();
}
账号:
请输入手机号
密码:
确认密码:
下面是ValidateServlet模拟实现,没有做真正的数据库表数据检测,大家自行完成。
package com.ambow.servlet;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
@WebServlet("/ValidateServlet")
public class ValidateServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
public ValidateServlet() {
super();
}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
PrintWriter pw = response.getWriter();
String account = request.getParameter("account");
System.out.println("account"+account);
if("123".equals(account)) {
pw.print("true");
}else {
pw.print("false");
}
}
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
doGet(request, response);
}
}
到此这篇关于利用Ajax检测用户名是否被占用的文章就介绍到这了,更多相关Ajax检测用户名被占用内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
html中ajax检测用户名实例,利用Ajax检测用户名是否被占用的完整实例相关推荐
- ajax传递数组_利用AJAX+PHP+MySQL实现不重新加载页面进行用户名已注册检测
AJAX简介 AJAX全称--Asynchronous JavaScript and XML(异步JavaScript和XML).使用AJAX,页面中用户的操作将通过AJAX引擎与服务器端进行通信,然 ...
- 爬虫实例 利用Ajax爬取微博数据
随着代理IP技术的普及,爬虫的使用也变得简单起来,许多企业和个人都开始用爬虫技术来抓取数据.那么今天就来分享一个爬虫实例,帮助你们更好的理解爬虫.下面我们用程序模拟Ajax请求,将我的前10页微博全部 ...
- Linux中基于eBPF的恶意利用与检测机制(rootkit、驱动)
目录 前言 现状分析 海外资料 国内资料 eBPF技术恶意利用的攻击原理 网络层恶意利用 Linux系统运行时恶意利用 综述 检测防御 运行前 运行时 运行后 防御 工程实现 系统兼容性 CO-RE ...
- 利用Div CSS(嵌套 盒模型)布局页面完整实例流程
Div CSS(嵌套 盒模型)布局页面完整实例流程: <!DOCTYPE html> <html> <head> <meta charset=" ...
- 利用Div+CSS(嵌套+盒模型)布局页面完整实例流程
Div+CSS(嵌套+盒模型)布局页面完整实例流程: <!DOCTYPE html> <html> <head> <meta charset=" ...
- php中拼接html代码,如何利用ajax给html动态拼接代码
function get_all_category_with_id() { $.ajax( { type: "get", url: "../../../appUpload ...
- ajax提交到mysql_利用ajax的方式来提交数据到后台数据库及交互功能
怎么样用ajax来提交数据到后台数据库,并完成交互呢????? 一.当我们在验证表单的时候,为了阻止把错误的也发送到服务器,我们通常这样设置: $(function(){ var isusername ...
- 加速度传感器的应用(检测打滑)——利用传感器检测智能车加速度及速度全面解析方案
http://www.21ic.com/app/control/201206/130186_2.htm
- 怎么样利用激光雷达检测车道线?这上面提供了4个方法---凯利讯半导体
通过理论分析和实验验证可知一二两层返回的信息主要包括路面.车道线.少量障碍物和边界数据;三四两层主要返回道路边界.障碍物和少量路表信息,所以在特征种子点提取阶段需要重点分析一二两层的雷达数据,这部分数 ...
最新文章
- 【必看】谈谈变更过程中的运维意识
- java web.xml 监听器_【JAVA 核心技术】java web 中的监听器
- shell之for循环使用---更新中
- python中iskeydown什么函数_isKeyDown不能在Java中工作
- Python回文判断代码优化与6个思考题
- AndroidStudio_HttpServer类接收到数据以后_通过广播给对应Activity发送接收到是远程服务器的数据---Android原生开发工作笔记226
- 虚拟服务器数据库怎么导入数据库,BlueHost虚拟主机使用SSH怎么导入MySQL数据库...
- 网站/APP 流量分析、用户访问分析
- LaTeX数学符号汇总
- 判别分析分为r型和q型吗_r型聚类分析
- 打蚊子表情包_打死蚊子表情包 - 打死蚊子微信表情包 - 打死蚊子QQ表情包 - 发表情 fabiaoqing.com...
- 8583 mac 字符选择 java 实现_8583报文MAC验证实现过程
- 处nm是什么意思_“nm”是什么意思啊?
- NBA球员的选秀顺序和实际表现有多大差距?评估球员表现的VORP值又是怎么计算的?
- uni-app老年模式字体设置思路
- 为什么我们求职 找工作 一定要写好简历?
- python测网速_使用Linux命令行测试网速(示例代码)
- 使用Maya的XGen快速头发建模
- Matplotlib——绘图的几个案例_2013-2021年商业银行不良贷款率变化情况_2014-2021年上半年我国商业银行总资产变化情况_2015-2021年我国商业银行净利润变化情况
- 服务器被植入广告文件,[求助]服务器后台被植入webshell,看不懂什么意思
热门文章
- 【白皮书分享】2020年未来智慧园区白皮书-华为.pdf(附下载链接)
- 机器学习与深度学习神器!凸优化(Convex Optimization)学习必备
- 清华大学刘知远教授:如何写一篇合格的NLP论文
- 全国计算机 offic,全国计算机二级MSOffic选择题全.doc
- linux 时间怎么求差值_linux 时间戳及时间差计算
- 三维图像处理_【图像处理】用于三维物体检测的三维骨干网络
- 让php来搞定一切!,ubuntu安装和配置php5
- ssh 隧道 mysql_利用SSH隧道方式连接远程MySQL服务器
- JAVA开发面试常问问题总结2
- Star Schema完全参考手册学习笔记九