<%@ page pageEncoding="gb2312" contentType="text/html; charset=gb2312"%>
<html>
<head>
<!-- js-23 表单验证-2 -->
<style>
span{color:red;font-size:10}
</style>
<script>
var rules = [ "name.length<2 || "+
"name.length>8 ",
"pwd1.length<6 ",
"pwd2.length<6 || "+
"pwd1 != pwd2",
"name.length<2 || "+
"name.length>8 || "+
"pwd_1.length<6 || "+
"pwd_2.length<6 || "+
"pwd_1 != pwd_2"];
function checkEmail(strEmail) {
//var emailReg = /^[_a-z0-9]+@([_a-z0-9]+\.)+[a-z0-9]{2,3}$/;
var emailReg = /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/;
if( emailReg.test(strEmail) ){
return true;
}else{
alert("您输入的Email地址格式不正确!");
return false;
}
}
function check_username(){
var rule = rules[0];
var name = form1.username.value;
var n = document.getElementById("nerror");
if(eval(rule)){
n.innerHTML="用户名长度2-8个字符!";
}else{
n.innerHTML="";
}
}
function check_pwd1(){
var rule = rules[1] ;
var pwd1 = form1.pwd1.value;
var p = document.getElementById("p1error");
if(eval(rule)){
p.innerHTML="密码长度必须长于6个字符!";
}else{
p.innerHTML="";
}
}
function check_pwd2(){
var rule = rules[2];
var pwd1 = form1.password.value;
var pwd2 = form1.password2.value;
var p = document.getElementById("p2error");
if(eval(rule)){
p.innerHTML="长度须长于6个字符/两次输须相同!";
}else{
p.innerHTML="";
}
}
function check(){
var rule = rules[3];
var r = true;
with(form1){
var name = username.value;
var pwd_1 = pwd1.value;
var pwd_2 = pwd2.value;
if(eval(rule)){
r = false;
}
}
return r;
}
</script>
</head>
<body>
<table height="10%"><tr><td></td></tr></table>
<table align="center">
<form action="" onSubmit="return check();"
name="form1">
<tr align="center" bgcolor="#FFFFCC">
<td colspan="2">注册表</td>
</tr>
<tr>
<td>登陆用户:</td>
<td>
<input type="text" name="username"
onBlur="check_username()"/>
<span id="nerror"></span>
</td>
</tr>
<tr>
<td>登陆密码:</td>
<td>
<input type="password" name="password"
onBlur="check_pwd1()"/>
<span id="p1error"></span>
</td>
</tr>
<tr>
<td>再次输入密码:</td>
<td>
<input type="password" name="password2"
onBlur="check_pwd2()"/>
<span id="p2error"></span>
</td>
</tr>
<tr>
<td>邮箱:</td>
<td>
<input type="text" name="email" onChange="checkEmail(this.value);">
</td>
</tr> <tr align="center" bgcolor="#FFFFCC">
<td colspan="2">
<input type="submit" value="提交" />
</td>
</tr>
</form>
</table>
<body>
</html>
<html>
<head>
<!-- js-23 表单验证-2 -->
<style>
span{color:red;font-size:10}
</style>
<script>
var rules = [ "name.length<2 || "+
"name.length>8 ",
"pwd1.length<6 ",
"pwd2.length<6 || "+
"pwd1 != pwd2",
"name.length<2 || "+
"name.length>8 || "+
"pwd_1.length<6 || "+
"pwd_2.length<6 || "+
"pwd_1 != pwd_2"];
function checkEmail(strEmail) {
//var emailReg = /^[_a-z0-9]+@([_a-z0-9]+\.)+[a-z0-9]{2,3}$/;
var emailReg = /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/;
if( emailReg.test(strEmail) ){
return true;
}else{
alert("您输入的Email地址格式不正确!");
return false;
}
}
function check_username(){
var rule = rules[0];
var name = form1.username.value;
var n = document.getElementById("nerror");
if(eval(rule)){
n.innerHTML="用户名长度2-8个字符!";
}else{
n.innerHTML="";
}
}
function check_pwd1(){
var rule = rules[1] ;
var pwd1 = form1.pwd1.value;
var p = document.getElementById("p1error");
if(eval(rule)){
p.innerHTML="密码长度必须长于6个字符!";
}else{
p.innerHTML="";
}
}
function check_pwd2(){
var rule = rules[2];
var pwd1 = form1.password.value;
var pwd2 = form1.password2.value;
var p = document.getElementById("p2error");
if(eval(rule)){
p.innerHTML="长度须长于6个字符/两次输须相同!";
}else{
p.innerHTML="";
}
}
function check(){
var rule = rules[3];
var r = true;
with(form1){
var name = username.value;
var pwd_1 = pwd1.value;
var pwd_2 = pwd2.value;
if(eval(rule)){
r = false;
}
}
return r;
}
</script>
</head>
<body>
<table height="10%"><tr><td></td></tr></table>
<table align="center">
<form action="" onSubmit="return check();"
name="form1">
<tr align="center" bgcolor="#FFFFCC">
<td colspan="2">注册表</td>
</tr>
<tr>
<td>登陆用户:</td>
<td>
<input type="text" name="username"
onBlur="check_username()"/>
<span id="nerror"></span>
</td>
</tr>
<tr>
<td>登陆密码:</td>
<td>
<input type="password" name="password"
onBlur="check_pwd1()"/>
<span id="p1error"></span>
</td>
</tr>
<tr>
<td>再次输入密码:</td>
<td>
<input type="password" name="password2"
onBlur="check_pwd2()"/>
<span id="p2error"></span>
</td>
</tr>
<tr>
<td>邮箱:</td>
<td>
<input type="text" name="email" onChange="checkEmail(this.value);">
</td>
</tr> <tr align="center" bgcolor="#FFFFCC">
<td colspan="2">
<input type="submit" value="提交" />
</td>
</tr>
</form>
</table>
<body>
</html>
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货