js表单验证

最新推荐文章于 2022-01-30 20:08:51 发布

pizifusheng

最新推荐文章于 2022-01-30 20:08:51 发布

阅读量116

点赞数

分类专栏：咨询项目

本文链接：https://blog.csdn.net/pizifusheng/article/details/80137097

版权

咨询项目专栏收录该内容

56 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title></title>
  <script>
//
    function sname(){

     if( document.getElementById("name1").value.length == 0){
      alert("不能为空！");
      return false;
     }else{
      return true;
     }
    }
    function spass(){
     if(document.getElementById("pass").value.length < 6){
      alert("不能小于6位");
      return false;
     }else{
      return true;
     }
    }
    function spass1(){
     if(document.getElementById("pass1").value!=document.getElementById("pass").value){
      alert("两次密码不一样");
      return false;
     }else{
      return true;
     }
    }
    function sage(){
     if(document.getElementById("age").value <= 18){
      alert("年龄必须大于18！");
      return false;
     }else{
      return true;
     }
    }


    function zc(){

     if(document.getElementById("name1").value.length == 0){
      alert("用户名不能为空！");
      return;
     }
     if(document.getElementById("pass").value.length < 6){
      alert("密码输入不合法");
      return;
     }
     if(document.getElementById("pass1").value!=document.getElementById("pass").value){
      alert("两次密码不一致");
      return;
     }
     //验证年龄
     if(document.getElementById("age").value <= 18){
      alert("年龄不合法");
      return;
     }
     //验证爱好是否勾选
     var bobys = document.getElementsByName("boby");
     var flag = false;
     for(var i=0;i<bobys.length;i++){
      if(bobys[i].checked){
       flag = true;
       break;
      }
     }
     if(!flag){
      alert("爱好最少选择一项");
      return ;
     }

     alert("每一项都合法，可以跳转了");
     //提交form表单
     //document.getElementById("form1").submit();
     window.location = " http://www.baidu.com";

    }
//    function szx(){
//     var selectzx = document.getElementById("zx");
//     var activezx = selectzx.options[selectzx.selectedIndex].value;
//     if(activezx=="请选择"){
//      alert("请选择直辖市");
//      selectzx.focus();
//      return false;
//     }
//    }

   </script>
</head>
<body>
  <center>

  <form id="form1" action=" http://www.baidu.com">
   用户名：<input type="text" id="name1" οnblur="sname()"/><br /><br />
   密码：<input type="password" id="pass" οnblur="spass()"/><br /><br />
   确定密码：<input type="password" id="pass1" οnblur="spass1()"/><br /><br />
   密码提示问题：<select>
        <option>请选择一个问题</option>
        <option>您今年年龄多大了？</option>
        <option>您小学班主任的姓名？</option>
        <option>您最好的朋友的手机号？</option>
        </select><br /><br />
   密码提示答案：<input type="text" id="daan" /><br /><br />
   性别：<input type="radio" name="sex" id="nan" checked="checked"/>男<input type="radio" name="sex" id="nv" />女<br /><br />
   年龄：<input type="text" id="age" οnblur="sage()"/><br /><br />
   籍贯：    <select id="zx" οnchange="szx()">
        <option value="0">请选择</option>
        <option value="1">北京</option>
        <option value="2">黑龙江</option>
        <option value="3">辽宁</option>
         </select> 省/直辖市
            <select>
        <option>请选择</option>
        <option>北京</option>
        <option>齐齐哈尔</option>
        <option>沈阳</option>
           </select> 市<br /><br />
   爱好：<input type="checkbox" name="boby" id="sw" />上网<input type="checkbox" name="boby" id="xj"/>学JAVA<input type="checkbox" name="boby" id="sj" />睡觉<br /><br />
   个人介绍：<textarea></textarea><br /><br />
   上传头像：<input type="file" id="tx" /><br /><br />
   <input type="button" value="注册" οnclick="zc()"/>
  </form>
  </center>

</body>
</html>