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，还有其他方法。

Answer 2

我强烈建议在中添加一个ID至少表单本身。

<form id="frmMyForm" 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>

JavaScript的：

var myForm = document.getElementById('frmMyForm');
var firstName = myForm['FirstName'];
var lastName = myForm['LastName'];
var age = myForm['Age'];

最佳做法是将ID添加到您将要使用JavaScript引用的所有输入字段，例如@Sergio建议的那些，但这将起到同样的作用。

从表单输入JS实例化变量

2 个答案: