Javascript 单击“提交”按钮后跳转到另一页并保存cookie

hye伙计们，我是javascript新手，我想制作一些网站来收集用户的信息，我现在有一些文本框，我希望人们点击提交按钮，转到另一个页面，所有数据都保存为cookies。但我想当我尝试跳转到另一页时，我会被卡住。我现在拥有的代码如下：

<script type="text/JavaScript">
function submit()
 var fName = document.form[0].firstName.value;
 var lName = document.form[0].lastName.value;
 var addone = document.form[0].streetAddone.value;
 var addtwo = document.form[0].streetAddtwo.value;
 var city = document.form[0].city.value;
 var state = document.form[0].state.value;
 var zip = document.form[0].zip.value;
 var phone = document.form[0].phone.value;
 var fax = document.form[0].fax.value;
 var expireDate = new Date();
   myDate.setFullYear(myDate.getFullyear() + 1);
     document.cookie = "firstName" +encodeURIComponent(fName) + "; expires=" + expireDate.toUTCString();
     document.cookie = "lastName" +encodeURIComponent(lName) + "; expires=" + expireDate.toUTCString();
     document.cookie = "streetAddone" +encodeURIComponent(addone) + "; expires=" + expireDate.toUTCString();
     document.cookie = "streetAddtwo" +encodeURIComponent(addtwo) + "; expires=" + expireDate.toUTCString();
     document.cookie = "city" +encodeURIComponent(city) + "; expires=" + expireDate.toUTCString();
     document.cookie = "state" +encodeURIComponent(state) + "; expires=" + expireDate.toUTCString();
     document.cookie = "zip" +encodeURIComponent(zip) + "; expires=" + expireDate.toUTCString();
     document.cookie = "phone" +encodeURIComponent(phone) + "; expires=" + expireDate.toUTCString();
     document.cookie = "fax" +encodeURIComponent(fax) + "; expires=" + expireDate.toUTCString();
      location.href = "Record.html";

函数提交（）
var fName=document.form[0].firstName.value；
var lName=document.form[0]。lastName.value；
var addone=document.form[0].streetAddone.value；
var addtwo=document.form[0]。streetAddtwo.value；
var city=document.form[0].city.value；
var state=document.form[0].state.value；
var zip=document.form[0].zip.value；
var phone=document.form[0].phone.value；
var fax=document.form[0].fax.value；
var expireDate=新日期（）；
myDate.setFullYear（myDate.getFullyear（）+1）；
document.cookie=“firstName”+encodeURIComponent（fName）+“expires=“+expireDate.toutString（）”；
document.cookie=“lastName”+encodeURIComponent（lName）+“expires=“+expireDate.toutString（）”；
document.cookie=“streetAddone”+encodeURIComponent（addone）+“expires=“+expireDate.toutString（）”；
document.cookie=“streetAddtwo”+encodeURIComponent（addtwo）+“expires=“+expireDate.toutString（）”；
document.cookie=“city”+encodeURIComponent（city）+“expires=“+expireDate.toutString（）；
document.cookie=“state”+encodeURIComponent（state）+“expires=“+expireDate.toutString（）”；
document.cookie=“zip”+encodeURIComponent（zip）+“expires=“+expireDate.toutString（）”；
document.cookie=“phone”+encodeURIComponent（phone）+“expires=“+expireDate.toutString（）”；
document.cookie=“fax”+encodeURIComponent（fax）+“expires=“+expireDate.toutString（）”；
location.href=“Record.html”；

HTML部分：

<form action="" method="get">


First Name:<input type="text" name="firstName">
Last Name:<input type="text" name="lastName"><br>

Street address 1:<input type="text" name="streetAddone"><br>

Street address 2:<input type="text" name="streetAddtwo"><br>


city:<input type="text" name="city">
State:<input type="text" name="state">
Zip:<input type="text" name="zip"><br>


Phone:<input type="text" name="phone"><br>
Fax:<input type="text" name="fax">


<input type="submit" name="carType" value="Submit Reservation" onclick="submitForm()"> </input>
</form>

名字：
姓氏：

街道地址1:

街道地址2:

城市：
声明：
邮政编码：

电话：

传真：

我知道将页面名称添加到表单操作将起作用，但我想知道该位置是否起作用？如何使其起作用

（注：对不起，我的代码有点乱。）

编辑： 在开始时使用

addEvent（）

添加了一个更好的事件处理方法，以帮助您提高浏览器兼容性

---

完全抛弃

使用

type=“button”

代替

type=“submit”

您可以使用

document.getElementsByName（'name'）[0].value来选择
元素的值，然后使用id选择器获取按钮-
document.getElementById（'button-id'）

你在代码中还有一些小错误/打字错误/懒惰，因为这是对你的改变，我继续寻找/替换你需要的东西，因为我是强迫症，但没有改变不相关的东西

代码：

First Name:
<input type="text" name="firstName" />
Last Name:
<input type="text" name="lastName" />
<br>Street address 1:
<input type="text" name="streetAddone" />
<br>Street address 2:
<input type="text" name="streetAddtwo" />
<br>City:
<input type="text" name="city" />State:
<input type="text" name="state" />Zip:
<input type="text" name="zip" />
<br>Phone:
<input type="text" name="phone" />
<br>Fax:
<input type="text" name="fax" />
<input type="button" id="carType" value="Submit Reservation" />
<script type="text/javascript">
    function addEvent(element, myEvent, fnc) {
        return ((element.attachEvent) ? element.attachEvent('on' + myEvent, fnc) : element.addEventListener(myEvent, fnc, false));
    };
    addEvent(document.getElementById('carType'), "click", function() {
        var fName = document.getElementsByName('firstName')[0].value;
        var lName = document.getElementsByName('lastName')[0].value;
        var addone = document.getElementsByName('streetAddone')[0].value;
        var addtwo = document.getElementsByName('streetAddtwo')[0].value;
        var city = document.getElementsByName('city')[0].value;
        var state = document.getElementsByName('state')[0].value;
        var zip = document.getElementsByName('zip')[0].value;
        var phone = document.getElementsByName('phone')[0].value;
        var fax = document.getElementsByName('fax')[0].value;
        var expireDate = new Date(Date.now());
        expireDate.setFullYear(expireDate.getFullYear() + 1);
        document.cookie = "firstName" + encodeURIComponent(fName) + "; expires=" + expireDate.toUTCString();
        document.cookie = "lastName" + encodeURIComponent(lName) + "; expires=" + expireDate.toUTCString();
        document.cookie = "streetAddone" + encodeURIComponent(addone) + "; expires=" + expireDate.toUTCString();
        document.cookie = "streetAddtwo" + encodeURIComponent(addtwo) + "; expires=" + expireDate.toUTCString();
        document.cookie = "city" + encodeURIComponent(city) + "; expires=" + expireDate.toUTCString();
        document.cookie = "state" + encodeURIComponent(state) + "; expires=" + expireDate.toUTCString();
        document.cookie = "zip" + encodeURIComponent(zip) + "; expires=" + expireDate.toUTCString();
        document.cookie = "phone" + encodeURIComponent(phone) + "; expires=" + expireDate.toUTCString();
        document.cookie = "fax" + encodeURIComponent(fax) + "; expires=" + expireDate.toUTCString();
        return window.location.href = "Record.html";
    });
</script>

名字：
姓氏：

街道地址1：

街道地址2：

城市：
声明：
邮编：

电话：

传真：
函数addEvent（元素、myEvent、fnc）{
return（（element.attachEvent）？element.attachEvent（'on'+myEvent，fnc）：element.addEventListener（myEvent，fnc，false））；
};
addEvent（document.getElementById（'carType'），“单击”，函数（）{
var fName=document.getElementsByName（'firstName'）[0]。值；
var lName=document.getElementsByName（'lastName'）[0]。值；
var addone=document.getElementsByName（'streetAddone'）[0]。值；
var addtwo=document.getElementsByName（'streetAddtwo'）[0]。值；
var city=document.getElementsByName（'city'）[0]。值；
var state=document.getElementsByName（'state'）[0]。值；
var zip=document.getElementsByName（'zip'）[0]。值；
var phone=document.getElementsByName（'phone'）[0]。值；
var fax=document.getElementsByName（'fax'）[0]。值；
var expireDate=新日期（Date.now（））；
expireDate.setFullYear（expireDate.getFullYear（）+1）；
document.cookie=“firstName”+encodeURIComponent（fName）+“expires=“+expireDate.toutString（）”；
document.cookie=“lastName”+encodeURIComponent（lName）+“expires=“+expireDate.toutString（）”；
document.cookie=“streetAddone”+encodeURIComponent（addone）+“expires=“+expireDate.toutString（）”；
document.cookie=“streetAddtwo”+encodeURIComponent（addtwo）+“expires=“+expireDate.toutString（）”；
document.cookie=“city”+encodeURIComponent（city）+“expires=“+expireDate.toutString（）；
document.cookie=“state”+encodeURIComponent（state）+“expires=“+expireDate.toutString（）”；
document.cookie=“zip”+encodeURIComponent（zip）+“expires=“+expireDate.toutString（）”；
document.cookie=“phone”+encodeURIComponent（phone）+“expires=“+expireDate.toutString（）”；
document.cookie=“fax”+encodeURIComponent（fax）+“expires=“+expireDate.toutString（）”；
return window.location.href=“Record.html”；
});
嘿，伙计，我只是更改了代码并尝试了另一种方式，但仍然不起作用，我编辑了我的帖子。你知道这次为什么会发生这种情况吗？
onclick=“submitForm（）”
也许可以试试
onclick=“submit（）”
你甚至可以做
onclick=“submit（）；return false”
或者
onsubmit=“submit（）；return false”
仍然不起作用，我需要一个函数让它转到下一页吗？查看新的答案以获得更好的方法。根据需要进行调整。