如何使用javascript从字段集中获取值？答案

【问题标题】：how to get the values from fieldset using javascript?如何使用javascript从字段集中获取值？
【发布时间】：2013-10-25 03:55:39
【问题描述】：

<form action="welcome.php" method="post" onsubmit="return validate();">
<fieldset>
<legend> <b>Personal Info</b> </legend>
<pre>
<b>First Name</b> <input type="text" id="fname" size="30">
<b>Last Name</b> <input type="text" id="lname" size="30">
<b>Phone Number</b> <input type="number" id="fn" size="30">
    <fieldset>
    <legend> <b>Gender</b> </legend>
    <input type="radio" id="male" name="gender" value="Male">Male
    <input type="radio" id="female" name="gender" value="Female">Female
    </fieldset>
</pre>
</fieldset>
<input type="button" value="submit">
</form>

JavaScript 函数是 validate()。如果名字或姓氏或性别为空，用户将看到一条消息并且表单将不会提交。通过使用javascript函数会有什么解决方案。

【问题讨论】：

你问怎么办getElementById("fname").value？
函数有效() { var fname = document.getElementById('fname').value; var lname = document.getElementById('lname').value; if(fname == "" || lname == "") { alert('请输入你的名字');返回假； } 返回真；我试过这种方式..bt 它不工作
请更新您的问题，cmets 中的代码难以阅读。
您正在调用函数validate()，但您定义了函数valid()。
我纠正了很多次之前bt可能是我的xampp无法正常工作.....!!bt tnx ..

标签： javascript forms

【解决方案1】：

注意：Use id to get the component value 而不是依赖于字段集。

这里是 html 代码...

<form name="myForm" action="demo_form.asp" onsubmit="return validateForm()" method="post">
First name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>

这里是验证...返回 false 将避免向后端发送请求。如果你不会使用form mane，那么使用document.getElementById(<id name>).value获取值

function validateForm()
{
var x=document.forms["myForm"]["fname"].value;
if (x==null || x=="")
  {
  alert("First name must be filled out");
  return false;
  }
}

【讨论】：

【解决方案2】：

使用jquery可以获得所有输入值

例子：

var fname= $('#fname').val();
var lname= $('#lname').val();

将必需的属性添加到输入字段进行验证

<form action="welcome.php" method="post" onsubmit="return validate();">
<fieldset>
<legend> <b>Personal Info</b> </legend>
<pre>
<b>First Name</b> <input type="text" id="fname" required size="30">
<b>Last Name</b> <input type="text" id="lname" required size="30">
<b>Phone Number</b> <input type="number" id="fn" required size="30">
    <fieldset>
    <legend> <b>Gender</b> </legend>
    <input type="radio" id="male" name="gender" value="Male">Male
    <input type="radio" id="female" name="gender" value="Female">Female
    </fieldset>
</pre>
</fieldset>
<input type="button" value="submit">
</form>

【讨论】：

【解决方案3】：

你为什么担心字段集，every element is having an id，所以你可以directly go for getting element with id.

document.getElementById("id-here")

【讨论】：