ajax验证用户名和找回密码参考

 1 // JavaScript Document
 2 function chkname(form){
 3     var user = form.user.value;
 4     if(user == ‘‘){
 5         alert(‘请输入用户名‘);
 6         form.user.focus();
 7         return false;
 8     }else{
 9         var url = "foundpwd.php?user="+user;
10         xmlhttp.open("GET",url,true);
11         xmlhttp.onreadystatechange = function(){
12         if(xmlhttp.readyState == 4){
13                 var msg = xmlhttp.responseText;
14                 if(msg == ‘0‘){
15                     alert(‘没有该用户,请重新查找!‘);
16                     form.user.select();
17                     return false;
18                 }else{
19                     document.getElementById(‘first‘).style.display = ‘none‘;
20                     document.getElementById(‘second‘).style.display = ‘‘;
21                     document.getElementById(‘question‘).innerHTML = msg;
22                 }
23             }
24         }
25         xmlhttp.send(null);
26     }
27 }
28 function chkanswer(form) {
29     var user = document.getElementById(‘user‘).value;
30     var answer = form.answer.value;
31     if(answer == ‘‘){
32         alert(‘请输入提示问题‘);
33         form.answer.focus();
34         return false;
35     }else{
36         var url = "foundpwd.php?user="+user+"&answer="+answer;
37         xmlhttp.open("GET",url,true);
38         xmlhttp.onreadystatechange = function(){
39             if(xmlhttp.readyState == 4){
40                 var msg = xmlhttp.responseText;
41                 if(msg == ‘0‘){
42                     alert(‘问题回答错误‘);
43                     form.answer.select();
44                     return false;
45                 }else{
46                     document.getElementById(‘second‘).style.display = ‘none‘;
47                     document.getElementById(‘third‘).style.display = ‘‘;
48                 }
49             }
50         }
51         xmlhttp.send(null);
52     }
53 }
54 function chkpwd(form){
55     var user = document.getElementById(‘user‘).value;
56     var pwd1 = form.pwd1.value;
57     var pwd2 = form.pwd2.value;
58     if(pwd1 == ‘‘){
59         alert(‘请输入密码‘);
60         form.pwd1.focus();
61         return false;
62     }
63     if(pwd1.length < 6){
64         alert(‘密码输入错误‘);
65         form.pwd1.focus();
66         return false;
67     }
68     if(pwd1 != pwd2){
69         alert(‘两次密码不相等‘);
70         form.pwd2.select();
71         return false;
72     }
73     var url = "foundpwd.php?user="+user+"&password="+pwd1;
74     xmlhttp.open("GET",url,true);
75     xmlhttp.onreadystatechange = function(){
76         if(xmlhttp.readyState == 4){
77             var msg = xmlhttp.responseText;
78             if(msg == ‘1‘){
79                 alert(‘密码修改成功,请重新登录‘);
80                 window.close();
81             }else{
82                 alert(msg);
83             }
84         }
85     }
86     xmlhttp.send(null);
87 }

ajax验证用户名和找回密码参考

时间: 2024-10-12 21:43:19

ajax验证用户名和找回密码参考的相关文章

ajax验证用户名和密码

1 var user = form.name.value; 2 var password = form.password.value; 3 var url = "chkname.php?user="+user+"&password="+password;//以前只知道ajax用于对用户名的检测,原来还可以对密码进行检测. 4 xmlhttp.open("GET",url,true); 5 xmlhttp.onreadystatechang

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

1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在<script>标签里面的. 如果使用ajax一定是要有1个处理页面的,处理页面只是操作数据库并且返回值,页面都是ajax处理的. ajax的写法: test.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

使用Ajax验证用户名

Ajax是一项很重要的技术,下面简要举个例子,来解释如何使用Ajax.步骤如下:使用Ajax验证用户名使用文本框的onBlur事件 使用Ajax技术实现异步交互创建XMLHttpRequest对象通过 XMLHttpRequest对象设置请求信息向服务器发送请求创建回调函数,根据响应状态动态更新页面 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

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

异步刷新实现方式有多种,也可以借助JS的多种框架,下面是使用jQuery框架实现的AJAX 验证用户名是否存在 jQuery.ajax概述 HTTP 请求加载远程数据. 通过jQuery 底层 AJAX 实现.简单易用的高层实现见 $.get, $.post 等.$.ajax() 返回其创建的 XMLHttpRequest对象.大多数情况下你无需直接操作该对象,但特殊情况下可用于手动终止请求. $.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信息.详细参数选项

使用ajax验证用户名重复

继上次的用户注册登录案例之后,对其中的部分功能再做进一步改进.上一版中用户提交表单后才对用户名进行校验,虽然做了回显,但还是感觉功能弱了些.为了能有更好用户体验,不是在用户提交表单后才给提示,而是在用户输入用户名后就立即对该用户名进行数据库校验,经过晚上的测试现在可以使用纯js版和jquery版. 准备工作,先编写好验证用户名重复的后台Servlet程序,然后在jsp或html中使用js对用户名进行验证,当用户输入用户名文本框推动焦点时立即触发验证.下面是jquery代码. <%@ page l

php jquery ajax验证用户名是否重复

我从3月份接触了web,开始了javascript和jquery的学习,之后学习了php,写了这样的表单验证代码.当然了,之前也接触过编程,只是没有深入系统的去学习,如今我重新迈入这个圈子,因为我对编程非常喜爱.故此跟大家分享下学习中的心得和自己原创的代码. 下面贴代码,思路是这样的,首先在文本框失去焦点时触发$.ajax函数,发送数据到php端,php接受该参数后,查询数据库中有没有记录,如果有则返回false,没有则返回true. 当返回false时,提示用户用户名已经被注册,并在form的

ajax验证用户名是否被注册 ; ajax提交form表单

register.html 文件代码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html lang="en"><head><meta http-equiv="Content-Type" content="text

ajax验证用户名是否存在

js代码 function validatorloginName(){ var loginName=document.getElementById("suser").value; var reg=new RegExp("^[a-zA-Z]{1}[a-zA-Z0-9]{5,11}$"); if(loginName == "") { $("input[name='sname']").next().removeClass("

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

JSP部分代码: <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <%@include file="/common/header.jsp"%> <title>用户管理</title> <script type="text/javascript&quo