<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表单验证</title>
<script type="text/javascript">
function checkit()
{
var str=/^[\u4e00-\u9fa5]+$/;
//new RegExp("^[\u4e00-\u9fa5]+$");
if(!str.test(document.forms[0].xm.value))
{
alert("姓名必须是中文!");
return;
}
var str=/^[1-9][0-9]?$/;
if(!str.test(document.forms[0].nl.value))
{
alert("年龄输入错误");
return;
}
var flag=false;
for(var i=0;i<document.forms[0].ah.length;i++)
{
if(document.forms[0].ah[i].checked)
{
flag=true;
break;
}
}
if(!flag)
{
alert("请至少选择一个爱好!");
return;
}
if(document.forms[0].mm.value.length<9)
{
alert("密码长度必须在8位以上!");
document.forms[0].mm.focus();//让密码框获得焦点
return;
}
if(document.forms[0].mm.value!=document.forms[0].cfmm.value)
{
alert("两次密码输入不一致!");
document.forms[0].cfmm.focus();//让密码框获得焦点
return;
}
if(document.fors[0].bz.value=="")
{
alert("请输入备注!");
}
}
</script>
</head>
<body>
<form name="f1">
姓名:<input type="text" name="xm"><br/>
年龄:<input type="text" name="nl"><br/>
爱好:<input type="checkbox" name="ah">爬山<input type="checkbox" name="ah">游泳
<input type="checkbox" name="ah">网球<input type="checkbox" name="ah">乒乓球<br/>
密码:<input type="password" name="mm"><br/>
重复密码:<input type="password" name="cfmm"><br/>
备注:<textarea name="bz" rows="4" cols="10"></textarea><br/>
<input type="button" value="提交" οnclick="checkit()"/>
</form>
</body>
<html>
<head>
<meta charset="UTF-8">
<title>表单验证</title>
<script type="text/javascript">
function checkit()
{
var str=/^[\u4e00-\u9fa5]+$/;
//new RegExp("^[\u4e00-\u9fa5]+$");
if(!str.test(document.forms[0].xm.value))
{
alert("姓名必须是中文!");
return;
}
var str=/^[1-9][0-9]?$/;
if(!str.test(document.forms[0].nl.value))
{
alert("年龄输入错误");
return;
}
var flag=false;
for(var i=0;i<document.forms[0].ah.length;i++)
{
if(document.forms[0].ah[i].checked)
{
flag=true;
break;
}
}
if(!flag)
{
alert("请至少选择一个爱好!");
return;
}
if(document.forms[0].mm.value.length<9)
{
alert("密码长度必须在8位以上!");
document.forms[0].mm.focus();//让密码框获得焦点
return;
}
if(document.forms[0].mm.value!=document.forms[0].cfmm.value)
{
alert("两次密码输入不一致!");
document.forms[0].cfmm.focus();//让密码框获得焦点
return;
}
if(document.fors[0].bz.value=="")
{
alert("请输入备注!");
}
}
</script>
</head>
<body>
<form name="f1">
姓名:<input type="text" name="xm"><br/>
年龄:<input type="text" name="nl"><br/>
爱好:<input type="checkbox" name="ah">爬山<input type="checkbox" name="ah">游泳
<input type="checkbox" name="ah">网球<input type="checkbox" name="ah">乒乓球<br/>
密码:<input type="password" name="mm"><br/>
重复密码:<input type="password" name="cfmm"><br/>
备注:<textarea name="bz" rows="4" cols="10"></textarea><br/>
<input type="button" value="提交" οnclick="checkit()"/>
</form>
</body>
</html>
![](https://i-blog.csdnimg.cn/blog_migrate/2f1004672a09ee15b8c2ef4aa88a8344.png)