<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>百度注册页面</title>
<style type="text/css">
*{padding:0; margin:0;}
body{
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
font-size:12px;
line-height:30px;
}
.center{
float:none;
width: 503px;
clear:both;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
.inputs {
border: 1px solid #333;
width:120px;
float:left;
}
.left{width:120px;
text-align:right;
padding-right:5px;
}
.red{
color:#ff0000;
padding-left:10px;
font-size:12px;
}
</style>
<script>
function $(id)
{
return document.getElementById(id)
}
function users()
{
var name=document.getElementById("user").value
var pass=document.getElementById("pwd").value
var pass1=document.getElementById("repwd").value
if(name=="")
{
alert("用户名不能为空")
return false
}
for(var i=0;i<name.length;i++)
{
var s=name.substring(i,i+1)
if(isNaN(s)==false)
{
alert("用户名不能有数字")
return false
}
}
if(pass!=pass1||pass1!=pass)
{
alert("密码必须一致")
return false
}
if(pass.length<6)
{
alert("密码长度必须大于6")
return false
}
function huoqu()
{
var name=$("user").value
if(name=="")
{
name=""; }
name.borderColor="#FF9900"
}
function quchu()
{
var name=document.getElementById("user").value
var nameid=document.getElementById("userId")
if(name=="")
{
nameid.innerHTML="用户名不能为空"
}
}
}
</script></head><body >
<div class="center"><img src="images/header1.jpg" /></div>
<div class="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<form action="success.html" method="post" name="myform" onsubmit="return users()">
<tr>
<td class="left">用户名:</td>
<td><input id="user" type="text" class="inputs" onblur="quchu()"/><div id="userId" class="red"></div></td>
</tr>
<tr>
<td class="left">密码:</td>
<td><input id="pwd" type="password" class="inputs"/><div id="pwdId" class="red"></div></td>
<tr>
<td class="left">确认密码:</td>
<td><input id="repwd" type="password" class="inputs"/><div id="repwdId" class="red"></div></td>
</tr>
<tr>
<tr>
<td class="xleft">性别:</td>
<td><div style="float:left;"><input name="sex" type="radio" value="男" checked="checked"/>男 <input name="sex" type="radio" value="女" />女</div>
<div id="sexId" class="red"></div></td>
</tr>
<tr>
<td class="left">电子邮件地址</td>
<td><input id="email" type="text" class="inputs"/><div id="emailId" class="red"></div></td>
</tr>
<tr>
<td> </td>
<td><input name="sub" type="submit" value="注册" /> <input name="cancel" type="reset" value="清除" /></td>
</tr>
</form>
</table></div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>百度注册页面</title>
<style type="text/css">
*{padding:0; margin:0;}
body{
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
font-size:12px;
line-height:30px;
}
.center{
float:none;
width: 503px;
clear:both;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
.inputs {
border: 1px solid #333;
width:120px;
float:left;
}
.left{width:120px;
text-align:right;
padding-right:5px;
}
.red{
color:#ff0000;
padding-left:10px;
font-size:12px;
}
</style>
<script>
function $(id)
{
return document.getElementById(id)
}
function users()
{
var name=document.getElementById("user").value
var pass=document.getElementById("pwd").value
var pass1=document.getElementById("repwd").value
if(name=="")
{
alert("用户名不能为空")
return false
}
for(var i=0;i<name.length;i++)
{
var s=name.substring(i,i+1)
if(isNaN(s)==false)
{
alert("用户名不能有数字")
return false
}
}
if(pass!=pass1||pass1!=pass)
{
alert("密码必须一致")
return false
}
if(pass.length<6)
{
alert("密码长度必须大于6")
return false
}
function huoqu()
{
var name=$("user").value
if(name=="")
{
name=""; }
name.borderColor="#FF9900"
}
function quchu()
{
var name=document.getElementById("user").value
var nameid=document.getElementById("userId")
if(name=="")
{
nameid.innerHTML="用户名不能为空"
}
}
}
</script></head><body >
<div class="center"><img src="images/header1.jpg" /></div>
<div class="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<form action="success.html" method="post" name="myform" onsubmit="return users()">
<tr>
<td class="left">用户名:</td>
<td><input id="user" type="text" class="inputs" onblur="quchu()"/><div id="userId" class="red"></div></td>
</tr>
<tr>
<td class="left">密码:</td>
<td><input id="pwd" type="password" class="inputs"/><div id="pwdId" class="red"></div></td>
<tr>
<td class="left">确认密码:</td>
<td><input id="repwd" type="password" class="inputs"/><div id="repwdId" class="red"></div></td>
</tr>
<tr>
<tr>
<td class="xleft">性别:</td>
<td><div style="float:left;"><input name="sex" type="radio" value="男" checked="checked"/>男 <input name="sex" type="radio" value="女" />女</div>
<div id="sexId" class="red"></div></td>
</tr>
<tr>
<td class="left">电子邮件地址</td>
<td><input id="email" type="text" class="inputs"/><div id="emailId" class="red"></div></td>
</tr>
<tr>
<td> </td>
<td><input name="sub" type="submit" value="注册" /> <input name="cancel" type="reset" value="清除" /></td>
</tr>
</form>
</table></div>
</body>
</html>
解决方案 »
- Jquery, click 事件嵌套 click 的问题!抓狂中!!求办法!!
- 关于鼠标的问题
- 客户端软件 能否重定向?
- 怎样让这个兼容IE6/7和FF
- 新手求助!求4个随即不重复数!
- 大家帮我看看这个三级关联的代码如何小改,给我代码的朋友好像下线了
- 我在脚本中使用document.getElementById('xx').vlaue='asdfasfd'怎么没有用呢?
- 请教一个简单列表框的实现方法,解决后马上给分!
- to:: vincentmax(天地任逍遥)
- 为何页面出现乱码?
- uploadify swf vs内置iis正常显示 发布在iis7上无法显示
- JQuery如何实现QQ音乐播放器图片特效?
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>百度注册页面</title>
<style type="text/css">
*{padding:0; margin:0;}
body{
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
font-size:12px;
line-height:30px;
}
.center{
float:none;
width: 503px;
clear:both;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
.inputs {
border: 1px solid #333;
width:120px;
float:left;
}
.left{width:120px;
text-align:right;
padding-right:5px;
}
.red{
color:#ff0000;
padding-left:10px;
font-size:12px;
}
</style>
<script>
function $(id)
{
return document.getElementById(id)
}
function users()
{
var name=document.getElementById("user").value
var pass=document.getElementById("pwd").value
var pass1=document.getElementById("repwd").value
if(name=="")
{
alert("用户名不能为空")
return false
}
for(var i=0;i<name.length;i++)
{
var s=name.substring(i,i+1)if(isNaN(s)==false)
{
alert("用户名不能有数字")
return false
}
}
if(pass!=pass1||pass1!=pass)
{
alert("密码必须一致")
return false
}
if(pass.length<6)
{
alert("密码长度必须大于6")
return false
}
function huoqu()
{
var name=$("user").value
if(name=="")
{
name="";}
name.borderColor="#FF9900"}}/*把这个方法写在最外面,你之前写的嵌套在别的方法里了,所以js找不到******************************************/
function quchu()
{
var name=document.getElementById("user").value
var nameid=document.getElementById("userId")if(name=="")
{
nameid.innerHTML="用户名不能为空"
}
}
/*******************************************/
</script></head><body >
<div class="center"><img src="images/header1.jpg" /></div>
<div class="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<form action="success.html" method="post" name="myform" onsubmit="return users()">
<tr>
<td class="left">用户名:</td>
<td><input id="user" type="text" class="inputs" onblur="quchu()"/><div id="userId" class="red"></div></td>
</tr>
<tr>
<td class="left">密码:</td>
<td><input id="pwd" type="password" class="inputs"/><div id="pwdId" class="red"></div></td>
<tr>
<td class="left">确认密码:</td>
<td><input id="repwd" type="password" class="inputs"/><div id="repwdId" class="red"></div></td>
</tr>
<tr>
<tr>
<td class="xleft">性别:</td>
<td><div style="float:left;"><input name="sex" type="radio" value="男" checked="checked"/>男 <input name="sex" type="radio" value="女" />女</div>
<div id="sexId" class="red"></div></td>
</tr>
<tr>
<td class="left">电子邮件地址</td>
<td><input id="email" type="text" class="inputs"/><div id="emailId" class="red"></div></td>
</tr>
<tr>
<td> </td>
<td><input name="sub" type="submit" value="注册" /> <input name="cancel" type="reset" value="清除" /></td>
</tr>
</form>
</table></div>
</body>
</html>
//some code
}//1像这样的代码在1处按Ctrl+} 会显示//2的位置,其他的IDE也许也有这个功能的,有的是Ctrl+{,有的是2的位置双击鼠标