如何使用javascript从字段集获取值？ 个人信息 名字 姓 电话号码 性别 男性 女性

JavaScript函数为validate（）。若名字、姓氏或性别为空，用户将看到一条消息，表单将不会提交。通过使用javascript函数，解决方案是什么。

注意：

使用id获取组件值

，而不是依赖于字段集

这里是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>

---

为什么您要担心字段集，

每个元素都有一个id

，所以您可以直接

获取id为的元素。

document.getElementById("id-here")

---

通过使用jquery，您可以获得所有的输入值

例如：

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

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

个人信息
名字
姓
电话号码
性别
男性
女性

您是否在询问如何执行

getElementById（“fname”）.value

函数valid（）{var fname=document.getElementById（'fname'）.value；var lname=document.getElementById（'lname'）.value；if（fname==“”| lname==“”）{alert（'请插入您的名字'）；返回false；}返回true；}我试过这样做。bt不起作用请更新您的问题，注释中的代码很难阅读。您正在调用函数

validate（）

，但您定义了函数

valid（）

。我纠正了很多次bt可能是我的xampp不起作用的错误。。。。。！！英国电信公司。。

document.getElementById("id-here")

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>