用户名注册代码jquery 用户注册页面代码javaweb

转载

jowvid 2023-05-24 14:17:19

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>用户注册</title>
<script language="javascript">
function textA(){
var txt = document.info.username.value;
if(txt == "" || !isNaN(txt.charAt(0))){
document.getElementById("t1").innerHTML = "<font color='red'>首字母不能为数字或者用户名不能为空</font>";
return false;
} else{
用户名合格</font>";
return true;
}
}
function passA(){
var pas = document.info.pass.value;
if(pas.length<6){
document.getElementById("t2").innerHTML = "<font color='red'>密码长度不能小于6位</font>";
return false;
}else if(!isNaN(pas)){
document.getElementById("t2").innerHTML ="<font color='red'>密码不能全是数字</font>";
return false;
}else{
document.getElementById("t2").innerHTML ="<font color='green'>密码合格</font>";
return true;
}
}
function passB(){
var pas =document.info.pass.value;
var pas1=document.info.pass1.value;
if(pas!=pas1){
document.getElementById("t3").innerHTML="<font color='red'>密码输入必须一致</font>";
return false;
}else{
document.getElementById("t3").innerHTML="<font color='green'>密码输入一致</font>";
return true;
}
}
function textQ(){
     var tex=document.info.txt1.value;
 if(tex==""){
请填写邮箱地址</font>"
 return false;
 }
 //else{
  
  //var pattern= /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/
  //yanZheng = pattern.test(tex);
  //if(yanZheng){
邮箱格式正确</font>"
  //return true;
  //}else{
邮箱格式不正确</font>"
  // return false;
  //}
  //}
  else if(tex.charAt(0)=="@"){
邮箱第一个不能为@</font>"
 return false;
  }else if(tex.charAt(tex.length-1)=="."){
邮箱最后一个不能为.</font>"
 return false;
  }else if(tex.indexOf(".")-tex.indexOf("@")==1){
邮箱@和.不能直接相连</font>"
 return false;
  }else if(tex.indexOf("@")!=tex.lastIndexOf("@")){
邮箱只能有一个@</font>"
 return false;  
  }else if(tex.indexOf(".")!=tex.lastIndexOf(".")){
邮箱只能有一个.</font>"
 return false;   
 
  }else if(tex.indexOf("@")>tex.indexOf(".")){
邮箱@必须在.之前</font>"
 return false;
  }else {
邮箱格式正确</font>"
 return true;
  }
 
}
function testSex(){
       var sexs=document.info.sex;
   var html="";
   for(var i=0;i<sexs.length;i++){
      if(sexs[i].checked==true){
   if(sexs[i].value=="0"){
html="<font color='green'>男</font>";
}else if(sexs[i].value=="1"){
html="<font color='green'>女</font>";
}else{
html="<font color='green'>保密</font>";
}
  } 
   }
   document.getElementById("t4").innerHTML=html;
   return true;
}
function falidatech(){
var v=document.info.ch;
var temp="";
var flag = false;
for(var i=0;i<v.length;i++){
if(v[i].checked==true){
flag = true;
temp+=v[i].value;
temp+=",";
}
}
temp = temp.substr(0, temp.length-1);
if(!flag){
document.getElementById("t5").innerHTML = "<font color='red'>请选择爱好</font>";
}else{
document.getElementById("t5").innerHTML = "<font color='green'>"+temp+"</font>";
}
return flag;
}
function testC(){
  var a=document.info.cf;
  if(a.selectedIndex==0){
没有选择来自的地方</font>";
return false;
  }else{
选择了"+a[a.selectedIndex].text+"</font>";
return true;
  }
}
function testD(){
var txt = document.info.text.value;
txt = txt.replace("法轮","**");
txt = txt.replace("大法","***");
document.info.text.value = txt;
return true;
}
function validateSub(){
if(!textA()){
return false;
}
if(!passA()){
return false;
}
if(!passB()){
return false;
}
if(!testSex()){
return false;
}
if(!falidatech()){
return false;
}
if(!testC()){
return false;
}
if(!testD()){
return false;
}
return true;
}
</script>
</head>
 
<body>
<form name="info" action="#" method="post" onSubmit="return validateSub();">
<div align="center" style="width:100%">
<table width="500px">
   <tr>
用户注册</td>
<td width="200px" align="left"></td>
   </tr>
   <tr>
<td width="100px" align="right">用户名：</td>
<td align="left"><input type="text" name="username" onBlur="textA()"></td>
<td align="left"id="t1" ></td>
</tr>
<TR>
<td align="right">密码：</td>
<td align="left"> <input type="password" name="pass" onBlur="passA()" ></td>
<td align="left" id="t2"></td>
</TR>
<TR>
<td align="right">确认密码：</td>
<td align="left"> <input type="password" name="pass1" onBlur="passB()"></td>
<td align="left" id="t3"></td>
</TR>
<TR>
<td align="right">邮箱：</td>
<td align="left"> <input type="text" name="txt1" onBlur="textQ()"></td>
<td align="left" id="youxiang"></td>
</TR>
<TR>
<td align="right">性别：</td>
<td align="left">
男
女
保密
</td>
<td align="left" id="t4"></td>
</tr> 
<tr>
<td align="right">爱好：</td>
<td align="left">
<input type="checkbox" name="ch" value="吃"onClick="falidatech()">吃 
<input type="checkbox" name="ch" value="喝"onClick="falidatech()">喝
<input type="checkbox" name="ch" value="睡"onClick="falidatech()">睡
<input type="checkbox" name="ch" value="玩"onClick="falidatech()">玩
</td>
<td align="left" id="t5"></td>
</tr>
<tr>
<td align="right">来自：</td>
<td align="left">
<select name="cf" onChange="testC()" onBlur="testC()">
<option value="0">=请选择=</option>
<option value="1">亚洲</option>
<option value="2">北美</option>
<option value="3">欧洲</option>
<option value="4">火星</option>
</select>
</td>
<td align="left" id="cfinfo"></td>
</tr>
</TR>
<tr>
<td align="right">自我介绍：</td>
<td align="left">
<textarea name="text" onBlur="testD()" cols="25" rows="10"></textarea>
</td>
<td align="left"></td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" value="注册">
<input type="reset" value="重置">
</td>
<td align="left"></td>
</tr>  
</table>
</div> 
</form>
</body>
</html>

本文章为转载内容，我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题，欢迎原作者联系我们进行内容更正或删除文章。