从 html 表单设置 cookie答案

【问题标题】：Set cookies from html form从 html 表单设置 cookie
【发布时间】：2023-04-05 00:55:01
【问题描述】：

我尝试通过 onsubmit 事件从我的 html 表单设置 cookie。但是控制台返回“Uncaught ReferenceError: setCookies is not defined”

这是我的一段代码：

<form action="page.html" method="POST" onsubmit=" return setCookies(this)" id="myFormId">
      <input name='user' placeholder='user'><br>
      <input name='password' type='password' placeholder='password'><br>
      <button type='submit'>Try</button>
    </form>
    <h1>HWETEYT</h1>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript">
    var setCookies = (function(form){
          console.log(form[0].value)
          for (i = 0; i < form.length; i++){
            document.cookie = form[i] + "=" + form[i].value;
          }
          console.log(document.cookie);
        }
      });
    </script>

我尝试将我的函数设为全局函数，但结果相同。

【问题讨论】：

标签： javascript forms cookies setcookie

【解决方案1】：

由于您已将 src 属性添加到脚本标记，因此将忽略其中编写的代码。因此，您必须将脚本拆分为两个脚本；

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>


<script>
var setCookies = function(form){
      console.log(form[0].value)
      for (i = 0; i < form.length; i++){
        document.cookie = form[i] + "=" + form[i].value;
      }
      console.log(document.cookie);
    }
</script>

【讨论】：