六、JavaScript--2、表单验证

作者: cybeyond | 来源:发表于2018-05-29 22:12 被阅读0次

六、JavaScript--2、表单验证
vue+element 表单验证问题
Vue 后台管理项目4-登录页表单验证
九、疯狂的表单
from 表单验证
HTML5表单新验证
day47-Django表单验证图片上传和分页技术
验证
第二十五谈：验证表单
Python Web框架 Django - 表单验证、路由反向解

html:

<html>
<head>
<title>这是表单验证测试网页</title>
<script type="text/javascript" src="myjs.js"></script>
</head>
<body>
<form name="f1">

姓名：<input type="text" name="xm"/> <br/>
年龄：<input type="text" age="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>

js代码

function checkit()
{
//判断选择框 
 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].mm.focus();//让密码框获取焦点，即光标仍在此处
      return;//密码不为8位，即终止后面代码
  }
  if(document.forms[0].bz.value==""){
      alert('请输入备注信息')
  }
}