表单验证

最新推荐文章于 2024-08-02 00:06:19 发布

slb18220570825

最新推荐文章于 2024-08-02 00:06:19 发布

阅读量127

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/slb18220570825/article/details/79742275

javascript 专栏收录该内容

6 篇文章

订阅专栏

<!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="提交" onclick="checkit()"/>
</form>
</body>

</html>