注册用户名验证(ajax版)
<!--注册验证用户名是否存在(不刷新)(2008-07-10 11:22:08)标签:document if color ch rs 注册 ajax 验证 用户名 it 分类:网络编程应用
针对ASP的 用的是AJAX写的
分两部分
-->
1.注册页面
JS部分:
<script language="JavaScript">
function chuser(){
var csuser=document.getElementById("csuser").value;
if((csuser == null) || (csuser == ""))
{
document.getElementById("loginid_info").className = 'STYLE1';
document.getElementById("loginid_info").innerHTML = '用户名不能为空。';
return false;
}
else
if(csuser.length<6 || csuser.length>16)
{
document.getElementById("loginid_info").className = 'STYLE1';
document.getElementById("loginid_info").innerHTML = '用户名必须为6-16位。';
return false;
}
//var filter=/^\s*[.A-Za-z0-9_-]{2,16}\s*$/;
//if (!filter.test(username.value)) {
//document.getElementById("loginid_info").background='#BFDFFF'
//document.getElementById("loginid_info").innerHTML = '用户名必须由数字,英文或下划线组成。'
//return false;
//{
//document.getElementById("loginid_info").innerHTML = '<font color=#red>用户名必须由数字,英文或下划线组成。</font>'
// return false;
//}
else{
GetResult(csuser)
document.getElementById("loginid_info").className = 'STYLE2';
//document.getElementById("loginid_info").innerHTML = '<font color=#0066ee>填写正确。</font>'
}
}
function GetResult(opr)
{
var oBao = new ActiveXObject("Microsoft.XMLHTTP");
var my_url="ch.asp?username="+ escape(opr);
oBao.open("POST",my_url,false);
oBao.send(null);
var strResult = unescape(oBao.responseText);
document.getElementByI
相关文档:
1,新建一名为login.htm的静态网页文件,作为登录页面,如图
body标签代码
<body onkeydown ="enterLogin()"> <!--添加按下键盘事件-->
<div style="text-align: center" mce_style="text-align: center">
<table border="1" cellpadding="1">
<tr>
<td align="center" s ......
一 .下面先对asp.net ajax做一个简单的介绍:
asp.net ajax 的 前身就是我们大家熟悉的Atlas ,后来被正式的纳入到vs框架中来。通过对asp.net ajax的应用 ,我们可以方便的将ajax的特性引入到项目中来,显著的提高用户体验。其实asp.net ajax的特点也是继承了微软产品一贯的特点,简单易用。功能强大。只需要掌握asp ......
数据库设计
本实例使用名为postalcode的数据库表,包含的部分数据如图1.4所示。具体的创建数据表语句如下:
CREATE TABLE 'postalcode' (
'id' int(11) NOT NULL auto_increment,
'area' varchar(255) NOT NULL,
'city' varchar(255) NOT NULL,
'code' varchar(6) NOT NULL,
&n ......
用户操作界面postalcode.html
页面中包含3个文本框,分别表示邮政编码、地区和城市信息。当用户输入邮政编码后,系统将自动从服务器读取地区和城市信息,填充到对应文本框中。详细的函数说明请参考代码中的注释。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<tit ......
服务器端响应文件postalcode.jsp
服务器响应文件根据用户输入的邮政编码,从数据库中查询对应的地区信息。如果没有取到,则返回空字符串。
<%@ page contentType="text/plain; charset=UTF-8"%>
<%@ page language="java"%>
<%@ page import="java.sql.*,ajax.db.DBUtils"%>
<%!
......