代码:

网上购物系统

var reg=/^[a-zA-Z]\w*$/;

var flag1=false,flag2=false,flag3=false;

function chang1(obj){

var name=obj.value;

if(name.length<3||name.length>8){

//alert("密码要求3-8位!");

document.getElementById("usName").innerHTML=" 用户名要求3-8位!";

}

else if(!reg.test(name)){

//alert("用户名由字母开头,后字母、数字或下划线!");

document.getElementById("usName").innerHTML=" 用户名由字母开头,后字母、数字或下划线";

flag1=false;

}

else{

flag1=true;

document.getElementById("usName").innerHTML="可以使用";

}

}

function chang2(obj){

var pwd=obj.value;

if(pwd.length<6||pwd.length>8){

//alert("密码要求3-8位!");

document.getElementById("ps1").innerHTML="密码要求3-8位!";

flag2=false;

}

else{

document.getElementById("ps1").innerHTML="可以使用";

flag2=true;

}

}

function chang3(obj){

var pwd1=obj.value;

var pwd=document.regist.password.value;

if(pwd1.length<6||pwd1.length>8){

//alert("密码要求3-8位!");

document.getElementById("ps2").innerHTML="密码要求3-8位!";

}

else if(pwd!=pwd1){

//alert("两次输入密码不一致!");

document.getElementById("ps2").innerHTML="两次输入密码不一致!";

flag3=false;

}

else{

document.getElementById("ps2").innerHTML="可以使用";

flag3=true;

}

}

function sub(){

if(flag1&&flag2&&flag3){

document.regist.submit();

}

else{

alert("请填写注册信息");

}

}

function res(){

document.regist.username.value="";

document.regist.password.value="";

document.regist.passwordAgain.value="";

document.getElementById("usName").innerHTML="";

document.getElementById("ps1").innerHTML="";

document.getElementById("ps2").innerHTML="";

}

cellSpacing=0

style="background-image: url(./images/login_Page/logPage.jpg); height: 200; width: 392">

face="黑体" size="4px" color="#196ed1"

style="padding-left: 20px; vertical-align: middle">用户注册

   用户名:

type="text" name="username" value="" style="WIDTH: 110px"

onChange="chang1(this)">

   密 码:

name="password" value="" style="WIDTH: 110px"

onChange="chang2(this)">

   确认密码:

name="passwordAgain" value="" style="WIDTH: 110px"

onChange="chang3(this)">

重置

提交

返回

更多推荐

html用户名注册登录代码,HTML用户注册界面的实现