<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
function yanzheng(a,b,c){
var flag=false;
var val=document.getElementsByName(a)[0].value;
if(c.text(val)){
flag=true;
}else{
document.getElementById(b).innerHTML="输入错误".fontcolor('red');
}
return flag;
}
function name(){
var regex = new RegExp("^[a-zA-Z]+$");
return yanzheng("username","1",regex)
}
function frist(){
var regex = new RegExp("^[a-zA-Z]+$");
return yanzheng("fristname","2",regex)
}
function submit(){
return name()&& frist();
}
</script>
</head>
<body>
<form action="" onsubmit="return submit()">
姓名:<input type="text" name="username" onblur="name()")/><span id=1></span>
姓氏:<input type="text" name="fristname" onblur="frist()")/><span id=2></span>
登录名:<input type="text" onblur="name()")/>(可包含a-z,0—9,和下划线)<span id=3></span>
密码: <input type="password" onblur="password()")/>(至少包含6个字符)<span id=4></span>
再次输入密码:<input type="password" onblur="compare()")/><span id=5></span>
电子邮箱:<input type="text" onblur="email()");必须包含@字符/><span id=6></span>
性别:男<input type="radio" name="sex" value="nan")/>;女<input type="radio" name="sex" value="nv")/><span id=7></span>
爱好:<input type="checkbox" value="sport" onblur="yanzheng1"/>运动
<input type="checkbox" value="converse" onblur="yanzheng1"/>聊天
<input type="checkbox" value="sport" onblur="yanzheng1"/>玩游戏<span id=8></span>
出生日期:<input type="text" style="width:30px;" onblur=""/>年<span id=9></span>
<select name="cars">
<option value="false" selected="selected">请选择月份</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="2">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>月<span id=10></span>
<input type="text" style="width:20px;" onblur=""/>日<span id=11></span>
<input type="submit" value="提交"/><input type="reset" value="重置"/>
</form>
</body>
</html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
function yanzheng(a,b,c){
var flag=false;
var val=document.getElementsByName(a)[0].value;
if(c.text(val)){
flag=true;
}else{
document.getElementById(b).innerHTML="输入错误".fontcolor('red');
}
return flag;
}
function name(){
var regex = new RegExp("^[a-zA-Z]+$");
return yanzheng("username","1",regex)
}
function frist(){
var regex = new RegExp("^[a-zA-Z]+$");
return yanzheng("fristname","2",regex)
}
function submit(){
return name()&& frist();
}
</script>
</head>
<body>
<form action="" onsubmit="return submit()">
姓名:<input type="text" name="username" onblur="name()")/><span id=1></span>
姓氏:<input type="text" name="fristname" onblur="frist()")/><span id=2></span>
登录名:<input type="text" onblur="name()")/>(可包含a-z,0—9,和下划线)<span id=3></span>
密码: <input type="password" onblur="password()")/>(至少包含6个字符)<span id=4></span>
再次输入密码:<input type="password" onblur="compare()")/><span id=5></span>
电子邮箱:<input type="text" onblur="email()");必须包含@字符/><span id=6></span>
性别:男<input type="radio" name="sex" value="nan")/>;女<input type="radio" name="sex" value="nv")/><span id=7></span>
爱好:<input type="checkbox" value="sport" onblur="yanzheng1"/>运动
<input type="checkbox" value="converse" onblur="yanzheng1"/>聊天
<input type="checkbox" value="sport" onblur="yanzheng1"/>玩游戏<span id=8></span>
出生日期:<input type="text" style="width:30px;" onblur=""/>年<span id=9></span>
<select name="cars">
<option value="false" selected="selected">请选择月份</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="2">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>月<span id=10></span>
<input type="text" style="width:20px;" onblur=""/>日<span id=11></span>
<input type="submit" value="提交"/><input type="reset" value="重置"/>
</form>
</body>
</html>