master

分支 (1)

管理

管理

master

test_demo
/
testdemo2.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.bootcss.com/vue/2.6.10/vue.common.prod.js"></script>
    <style>
        button {
            background: #ccc;
        }

        p {
            color: red;
        }
    </style>
</head>
<body>
<div>
    <div>
        <lebel>用户名</lebel>
        <input type="text" name="name" onblur="deal('name')">
        <p></p>
    </div>
    <div>
        <lebel>密码</lebel>
        <input type="text" name="password" onblur="deal('password')">
        <p></p>
    </div>
    <div>
        <lebel>重复密码</lebel>
        <input type="text" name="repassword" onblur="deal('repassword')">
        <p></p>
    </div>
    <div>
        <button onclick="sumitData()">提交</button>
    </div>
</div>
</body>
</html>

<script>
   let dealfunc = {
      name: testName,
      password: testPassword,
      repassword: testPassword
   };

   let flag = {
      name: false,
      password: false,
      repassword: false,
   }

   function deal(name) {
      dealfunc[name](name);
   }

   function testName(name) {
      const value = $('input[name=' + name + ']').val();
      if (value && value.length && value.length > 0) {
         flag[name] = value;
         $('input[name=' + name + ']').parent().find('p').html('');
      } else {
         flag[name] = false;
         $('input[name=' + name + ']').parent().find('p').html('用户名长度需大于0');
      }
   }

   function testPassword(name) {
      const value = $('input[name=' + name + ']').val();
      test1 = /[a-z]/;
      test2 = /[A-Z]/;
      test3 = /[0-9]/;
      if (value && value.length && value.length >= 6 && test1.test(value) && test2.test(value) && test3.test(value)) {
         flag[name] = value;
         $('input[name=' + name + ']').parent().find('p').html('');
      } else {
         flag[name] = false;
         $('input[name=' + name + ']').parent().find('p').html('密码需大于6位且包含数字大小写字母');
      }
   }

   function sumitData() {
      for (item in flag) {
         if (!flag[item]) {
            dealfunc[item](item);
            return false;
         }
      }
      console.log(flag);
      $.ajax({
         type: 'post',
         uril: 'www.baidu.com',
         data: flag,
         success: function (data) {

         }
      })
   }
</script>