js实现⼀个简单⽤户注册页⾯功能要求：
<!doctype html>
<html>
<head>
html实现用户注册登录代码<title>注册页⾯</title>
</head>
<body background="test.png">
<script type="text/javascript">
//设置⽤户名的全局变量
var user="";
/
/正则表达式：表⽰⽤户名由6-14位的字母或者数字组成
var userRegExp=/^[A-Za-z0-9]{6,14}$/;
var flag="";
//设置邮箱的全局变量
var emailAddress="";
var emailRegExp=/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
var ok="";
//设置密码和确认密码的全局变量
var pswFirst="";
var pswSecond="";
//检测⽤户名的合法性
ElementById("username").im();
st(user);
if(!flag){
//如果不符合正则表达式，则显⽰不合法
}
else{
//假如⽤户名合法，则当光标离开时，⽤户名中的空格将会⾃动去除。
}
}
//当光标回到⽤户名的输⼊框之后，提⽰消失
if(!flag){
}
}
//检测邮箱的合法性
ElementById("email").value;
st(emailAddress);
if(!ok){
}
}
//当光标回到邮箱的输⼊框之后，提⽰消失
if(!ok){
}
}
//检验第⼆次输⼊的密码是否和第⼀次输⼊的密码⼀致
ElementById("password").value;
ElementById("ensurepassword").value;
if(!(pswFirst===pswSecond)){
}
}
//当光标回到确认密码的输⼊框之后，提⽰消失
}
//设置提交成功提⽰信息
if(flag&&ok&&(pswFirst===pswSecond)){
}
else{
alert("请输⼊合法的信息");
}
}
}
</script>
<form id=userform action="localhost:8080/jd/save" method="get" >
<table>
<tr>
<td>⽤户名:</td>
<td><input type=text name=username id=username /></td>
<td><span id=usernameError ></span></td> </tr>
<tr>
<td>邮箱地址:</td>
<td><input type=text name=email id=email /></td>
<td><span id=emailError ></span></td>
</tr>
<tr>
<td>密码:</td>
<td><input type=text name=password id=password /></td>
</tr>
<tr>
<td>确认密码:</td>
<td><input type=text name=ensurepassword id=ensurepassword /></td>
<td><span id=passwordError ></span></td> </tr>
<tr>
<td><input type=button value=提交 id=submit1 /></td>
<td><input type=reset value=重置 id=reset /></td>
</tr>
</table>
</form>
</body>
</html>
代码中的图⽚素材：
运⾏结果：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。