Javascript 从html表单设置cookies

我试图通过提交事件从html表单设置cookie。但控制台返回“未捕获引用错误：未定义setCookies”

这是我的一段代码：

<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>

尝试
HWETEYT
var setCookies=（函数（形式）{
console.log（格式[0]。值）
对于（i=0；i

---

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

因为您已将src属性添加到script标记中，所以内部编写的代码将被忽略。因此，您必须将脚本拆分为两个脚本

<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>

var setCookies=函数（形式）{
console.log（格式[0]。值）
对于（i=0；i