📄 js21.html
字号:
<html>
<head>
<!-- js-21 表单验证-2 -->
<style>
span{color:green;font-size:12}
</style>
<script>
function checkPwdConfirm(){
var pwd = document.form1.pwd.value;
var pwdConfirm =
document.form1.pwdConfirm.value;
var message = "";
if(pwdConfirm.length<6){
message= "密码大于6位";
}else if(pwd!=pwdConfirm){
message= "密码须一致";
}
document.getElementById("pwdConfirm_info")
.innerHTML=message;
}
function checkPwd(){
var pwd = document.form1.pwd.value;
var message = "";
if(pwd.length<6){
message= "密码大于6位";
}
document.getElementById("pwd_info")
.innerHTML=message;
}
function checkName(){
var name = document.form1.usrname.value;
var message = "";
if(name.length<2 || name.length>8){
message= "用户名2-8位";
}
document.getElementById("usr_info")
.innerHTML=message;
}
function check(){
var result = true;
var name = document.form1.usrname.value;
var pwd = document.form1.pwd.value;
var pwdConfirm = document.form1.pwdConfirm.value;
if(name.length<2 || name.length>8){
result=false;
document.getElementById("usr_info")
.innerHTML="用户名2-8位";
}
if(pwd.length<6 || pwdConfirm<6){
result=false;
document.getElementById("pwd_info")
.innerHTML="密码大于6位";
}
if(pwdConfirm!=pwd){
result=false;
document.getElementById("pwdConfirm_info")
.innerHTML="密码须一致";
}
return result;
}
</script>
</head>
<body>
<form action="" onSubmit="return check();"
name="form1">
<table height="8%">
<tr><td></td></tr>
</table>
<table align="center" >
<tr align="center"
bgcolor="#E4E4E4">
<td colspan="2">注册页面</td>
</tr>
<tr>
<td align="right">用户名:</td>
<td>
<input type="text" name="usrname"
onBlur="checkName();"/>
<span id="usr_info"></span>
</td>
</tr>
<tr>
<td align="right">密码:</td>
<td>
<input type="password" name="pwd"
onBlur="checkPwd();"/>
<span id="pwd_info"></span>
</td>
</tr>
<tr>
<td align="right">确认密码:</td>
<td>
<input type="password" name="pwdConfirm"
onBlur="checkPwdConfirm();"/>
<span id="pwdConfirm_info"></span>
</td>
</tr>
<tr>
<td align="right">性别:</td>
<td>
男<input type="radio" name="gender"
value="male" checked/>
女<input type="radio" name="gender"
value="female"/>
</td>
</tr>
<tr>
<td align="right">学历:</td>
<td>
<select name="xl">
<option value="cz">初中
<option value="gz">高中
<option value="dz">大专
<option value="db">大本
<option value="yjs">研究生
</select>
</td>
</tr>
<tr>
<td align="right">自我介绍:</td>
<td>
<textarea name="selfintro"
cols="16"></textarea>
</td>
</tr>
<tr>
<td align="right">兴趣:</td>
<td>
游泳<input type="checkbox" name="hobby"
value="swiming"/>
读书<input type="checkbox" name="hobby"
value="reading"/>
美食<input type="checkbox" name="hobby"
value="food"/>
</td>
</tr>
<tr align="center" bgcolor="#E4E4E4">
<td colspan="2">
<input type="submit" />
</td>
</tr>
</table>
</form>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -