天天看点

ajax 失去焦点验证,jQuery 与 AJAX 实现失去焦点验证用户名是否合格

JSP页面

οnmοuseοver="currentcolor=this.style.backgroundColor;this.style.backgroundColor='#f0f7ff'"

οnmοuseοut="this.style.backgroundColor=currentcolor">

用户名 * 真实姓名 *

JSP页面上调用AJAX方法

//验证用户名是否存在

function isExist(nameLc){

var url_check = "aaaa.action?name="+nameLc;

$.ajax({

type: "POST",

url: url_check,

dataType: "text",

success: function(result){

if(result==1){

document.getElementById("checkResult").innerHTML="用户已经存在请重新输入!";

}else if(result == 0){

document.getElementById("checkResult").innerHTML="用户可以使用!";

}else{

document.getElementById("checkResult").innerHTML="用户不能为空!";

}

}

});

}

action中 方法:

public String aaaa(){

int result = 0 ;

String name = get("name").toString();

name = name.replaceAll(" ", "");

System.out.println(" aaaa name-->"+name);

if("".equals(name)){

result = 2;

}else{

if(this.ocs.isExsitUserName(name)){

result = 1;

}else{

result = 0;

}

}

HttpServletResponse response = ServletActionContext.getResponse();

PrintWriter out = null;

response.setContentType("text/xml;charset=UTF-8");

try {

out = response.getWriter();

out.print(result);

System.out.println(result);

} catch (IOException e) {

// TODO Auto-generated catch block

e.printStackTrace();

}

return null;

}

这里是JQUERY和AJAX方法合作实现异步验证

ajax例子:审核验证用户名;登录界面

审核验证用户名主页面:

用户名:

AJAX实现无刷新验证用户名

register.php

利用jQuery实现的Ajax 验证用户名是否存在

异步刷新实现方式有多种,也可以借助JS的多种框架,下面是使用jQuery框架实现的AJAX 验证用户名是否存在 jQuery.ajax概述 HTTP 请求加载远程数据. 通过jQuery 底层 AJA ...

基于jQuery实现的Ajax 验证用户名唯一性

基于jQuery实现的Ajax 验证用户名唯一性 前端jsp页面代码

...

11月10日上午ajax基础知识、用ajax做登录页面、用ajax验证用户名是否可用、ajax动态调用数据库

1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在标签里面的. 如果使用ajax一定是要有1个处 ...

利用jQuery和Ajax实现检测用户名是否已经被注册

这是一个jQuery和Ajax的很基础的应用,是我出去面试时的一个面试题.当时脑子有点懵想了好久才知道该怎么去实现,现在回来再看了下书好好总结一下这个东西. 首先新建一个html文件,只有简单的几行代 ...

ajax基础知识、用ajax做登录页面、用ajax验证用户名是否可用、ajax动态调用数据库

1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在标签里面的. 如果使用ajax一定是要有1个处 ...

使用PHP中的ajax做登录页面、验证用户名是否可用、动态调用数据库

1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在标签里面的. 如果使用ajax一定是要有1个处 ...

随机推荐

Android Button的基本使用

title: Android Button的基本使用 tags: Button,按钮 --- Button介绍: Button(按钮)继承自TextView,在Android开发中,Button是常用 ...

HDU 2577 How to Type(dp题)

题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=2577 解题报告:有一个长度在100以内的字符串,并且这个字符串只有大写和小写字母组成,现在要把这些字符 ...

解决tomcat一闪而过问题

环境:      jdk 1.8.0.91           windows2003           tomcat8.0 故障现象:启动tomcat 时, 一闪而过 排障步骤: a) 首先是要调 ...

Namespace, string, vector and array

1. Headers should not include using declaration Code inside headers ordinarily should not include us ...

JAVA程序员面试宝典

程序员面试之葵花宝典 面向对象的特征有哪些方面    1. 抽象:抽象就是忽略一个主题中与当前目标2. 无关的那些方面,3. 以便更充分地注意与当前目标4. 有关的方面.抽象并不5. 打算了解全部问题 ...

php普通传值和引用传值 (相当通俗易懂的一篇讲解)

首先,要理解变量名存储在内存栈中,它是指向堆中具体内存的地址,通过变量名查找堆中的内存; 普通传值,传值以后,是不同的地址名称,指向不同的内存实体; 引用传值,传引用后,是不同的地址名称,但都指向同一 ...

Codeforces.666E.Forensic Examination(广义后缀自动机 线段树合并)

题目链接 \(Description\) 给定串\(S\)和\(m\)个串\(T_i\).\(Q\)次询问,每次询问\(l,r,p_l,p_r\),求\(S[p_l\sim p_r]\)在\(T_l\ ...

VS2015 ionic 开发环境配置纪要

1)第一次安装Tools for Apache Cordova不成功,到Options检查依赖项,缺少Node等,重新下载了32为的nodeJs安装.然后运行VS安装程序,卸载Tools for Ap ...

Unable to load the Wrapper's native library because none of the following files及解决方法

在有几个应用中,在启动的时候发现下列警告: The version of the script (3.5.29) doesn't match the version of this Wrapper ( ...

《WAP》团队第三次作业--团队项目的原型设计与开发

一· 目 录 第一部分 · 结 对 成 员 明 细 第二部分 · NABCD 模 型 第三部分 · 原 型 设 计 第四部分 · P S P  第五部分 · 结 对 过 程 第六部分 · 心 得 总 ...