js map提交表单

最新推荐文章于 2022-07-01 12:01:49 发布

大海里没有水

最新推荐文章于 2022-07-01 12:01:49 发布

阅读量262

点赞数 1

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/Anna_Liqi/article/details/123265878

版权

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <form action="" onsubmit="return post()">
      接受协议：
      <input type="checkbox" name="agreement" error="请接收协议" />
      我是学生
      <input type="checkbox" name="student" error="网站只对学生开放" />
      网站只对学生开放
      <input type="submit" />
    </form>
  </body>
  <script>
    function post() {
      let map = new Map();
      let inputs = document.querySelectorAll("[error]");
      inputs.forEach((item) => {
        map.set(item, {
          error: item.getAttribute("error"),
          status: item.checked,
        });
      });
      return [...map].every(([elem, config]) => {
        config.status || alert(config.error);
        return config.status;
      });
      // console.log(map);
      // return false;
    }
  </script>
</html>