javascript - 从表单输入JS实例化变量

Question

我有这段 HTML 可以获取一些输入。我可以验证它，但是我不知道如何获取值并将它们分配给我自己的变量。我该怎么做才能重用这些信息？

<form name="myForm" target="_top" onSubmit="return validateForm()">
First Name: <input type="text" name="FirstName">
Last Name:  <input type="text" name="LastName">
Age:        <input type="text" name="Age"> <br>
<input type="submit" value="Submit">
</form>

Answer 1

如果您为每个输入字段提供一个 id，您只需使用普通的 javascript 即可获得这样的值:

HTML:

<form name="myForm" target="_top" onSubmit="return validateForm()">
First Name: <input type="text" id="FirstName" name="FirstName">
Last Name:  <input type="text" id="LastName" name="LastName">
Age:        <input type="text" id="Age" name="Age"> <br>
<input type="submit" value="Submit">
</form>

Javascript:

var firstname = document.getElementById('FirstName').value;
var lastname = document.getElementById('LastName').value;
var age = document.getElementById('Age').value;
alert(firstname+'-'+lastname +'-'+age );

如果您可以使用 jQuery 或 Mootools，还有其他方法。