如何实现一个按钮来检查文档中的字段是否为空？javascript
我想编写一个javascript函数，用于检查以下HTML文档中的字段是否为空。我不希望每个信息都有提示，而是希望在最后实现一个按钮，检查每个字段并返回一条消息，告诉您哪些字段仍然没有填写如何实现一个按钮来检查文档中的字段是否为空？javascript,javascript,html,function,Javascript,Html,Function,我想编写一个javascript函数，用于检查以下HTML文档中的字段是否为空。我不希望每个信息都有提示，而是希望在最后实现一个按钮，检查每个字段并返回一条消息，告诉您哪些字段仍然没有填写 <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <link rel="stylesheet" href="../css/sty
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<link rel="stylesheet" href="../css/stylesheet.css">
<title>Student erfassen</title>
</head>
<body>
<nav>
<ul>
<li><a href="../index.html">Übersicht Studenten</a></li>
</ul>
</nav>
<h3>Student erfassen</h3>
<table>
<tr>
<td><form>Vorname:</td>
<td><p></form>
<label for="Vorname">
<input id="Vorname" name="Vorname">
</label>
</p></td>
</tr>
<tr>
<td><form>Nachname:</td>
<td><p><form>
<label for="Nachname">
<input id="Nachname" name="Nachname">
</label>
</p></td>
</tr>
<tr>
<td><form>Geburtsdatum:</td>
<td><p><form>
<label for="geburtsdatum">
<input id="geburtsdatum" name="geburtsdatum">
</label>
</p></td>
</tr>
<tr>
<td><form id="fakultät" method="POST">
Fakultät: </td>
<td><select name="fakultät" size="1">
<option>01</option>
<option>02</option>
<option>03</option>
<option>04</option>
<option>05</option>
<option>06</option>
<option>07</option>
<option>08</option>
<option>09</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
</select>
</form>
</td>
</tr>
<tr>
<td><form>Studiengruppe:</td>
<td><p><form>
<label for="studiengruppe">
<input id="studiengruppe" name="studiengruppe">
</label>
</p></td>
</tr>
<tr>
<td><form method="POST">
Semester: </td>
<td><select id="semester" name="Semester" size="1">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
</select>
</form>
</td>
</tr>
<tr><td>email:</td>
<td><p><form>
<label for="email">
<input type="email" id="email" name="email">
</label>
</p></td></tr>
<tr><td>_____________________________</td></tr>
<tr><td>Ich biete mich als Tutor an für:</td></tr>
<tr>
<td><form>Modul 1</td>
<td><p><form>
<label for="modul1">
<input id="modul1" name="modul1">
</label>
</p></td>
</tr>
<tr>
<td><form>Modul 2</td>
<td><p><form>
<label for="modul2">
<input id="modul2" name="modul2">
</label>
</p></td>
</tr>
<tr>
<td><form>Modul 3</td>
<td><p><form>
<label for="modul3">
<input id="modul3" name="modul3">
</label>
</p></td>
</tr>
</table>
Validierung
<script src="./student _erfassen.js"></script>
</body>
</html>
´´´
i started to create variables to read the content of the fields but have an error message already ("Expression expected") in line 4
´``
<script>
funtion validate() {
var vorname = document.getElementById("vorname").value;
var nachname = document.getElementById("nachname").value;
´´´
I hope you can help me :)
学生埃尔法森
学生埃尔法森
姓名：
纳希纳姆：
Geburtsdatum：
法库尔特：
01
02
03
04
05
06
07
08
09
10
11
12
13
Studiengruppe：
学期：
1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12
电邮：
_____________________________
我是密歇根州的一位家庭教师：
模1
模2
模块3
瓦利迪伦格
´´´
我开始创建变量来读取字段的内容，但在第4行中已经有一条错误消息（“Expression expected”）
´``
函数验证（）{
var vorname=document.getElementById（“vorname”）.value；
var nachname=document.getElementById（“nachname”）.value；
´´´
我希望你能帮助我：）
var nameInput=document.getElementById（“名称”）；
var namesinput=document.getElementById（“姓氏”）；
//其他领域
函数checkEmptyInputs（）{
变量字段=[nameInput，nameInput]；
var emptyFields=fields.filter（x=>x.value==“”| | x.value==未定义）；
var emptyFieldsIds=emptyFields.map（x=>x.id）；
return emptyFields.length>0？警报（`存在ID为：${emptyFieldsIds.join（'，'）}`）的空字段）：警报（`没有空字段`）
}
检查字段
名称输入姓氏输入生日输入传真输入传真输入意外值..