title: How do I implement a button, that checks if the fields in a document are not empty? JavaScript
body: <p>I want to write a JavaScript function, that checks if the fields in the following HTML document are not empty. I do not want a prompt for every information but instead I want to implement a button at the end, that checks every field and returns a message that tells you which fields are still not filled.</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;meta charset=&quot;utf-8&quot;/&gt;
      &lt;link rel=&quot;stylesheet&quot; href=&quot;../css/stylesheet.css&quot;&gt;
      &lt;title&gt;Student erfassen&lt;/title&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;nav&gt;
          &lt;ul&gt;
            &lt;li&gt;&lt;a href=&quot;../index.html&quot;&gt;Übersicht Studenten&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/nav&gt;
      &lt;h3&gt;Student erfassen&lt;/h3&gt;
  
      &lt;table&gt;
          &lt;tr&gt;
            &lt;td&gt;&lt;form&gt;Vorname:&lt;/td&gt;
            &lt;td&gt;&lt;p&gt;&lt;/form&gt;
              &lt;label for=&quot;Vorname&quot;&gt;
                &lt;input id=&quot;Vorname&quot; name=&quot;Vorname&quot;&gt;
              &lt;/label&gt;
          &lt;/p&gt;&lt;/td&gt;
           &lt;/tr&gt;
           &lt;tr&gt;
              &lt;td&gt;&lt;form&gt;Nachname:&lt;/td&gt;
              &lt;td&gt;&lt;p&gt;&lt;form&gt;
                &lt;label for=&quot;Nachname&quot;&gt;
                  &lt;input id=&quot;Nachname&quot; name=&quot;Nachname&quot;&gt;
                &lt;/label&gt;
            &lt;/p&gt;&lt;/td&gt;
             &lt;/tr&gt;
             &lt;tr&gt;
              &lt;td&gt;&lt;form&gt;Geburtsdatum:&lt;/td&gt;
              &lt;td&gt;&lt;p&gt;&lt;form&gt;
                &lt;label for=&quot;geburtsdatum&quot;&gt;
                  &lt;input id=&quot;geburtsdatum&quot; name=&quot;geburtsdatum&quot;&gt;
                &lt;/label&gt;
            &lt;/p&gt;&lt;/td&gt;
             &lt;/tr&gt;
  
             &lt;tr&gt;
              &lt;td&gt;&lt;form id=&quot;fakultät&quot; method=&quot;POST&quot;&gt;
          Fakultät: &lt;/td&gt;
          &lt;td&gt;&lt;select name=&quot;fakultät&quot; size=&quot;1&quot;&gt;
          &lt;option&gt;01&lt;/option&gt;
          &lt;option&gt;02&lt;/option&gt;
          &lt;option&gt;03&lt;/option&gt;
          &lt;option&gt;04&lt;/option&gt;
          &lt;option&gt;05&lt;/option&gt;
          &lt;option&gt;06&lt;/option&gt;
          &lt;option&gt;07&lt;/option&gt;
          &lt;option&gt;08&lt;/option&gt;
          &lt;option&gt;09&lt;/option&gt;
          &lt;option&gt;10&lt;/option&gt;
          &lt;option&gt;11&lt;/option&gt;
          &lt;option&gt;12&lt;/option&gt;
          &lt;option&gt;13&lt;/option&gt;
          &lt;/select&gt;
          &lt;/form&gt;
      &lt;/td&gt;
      &lt;/tr&gt;
  
             &lt;tr&gt;
              &lt;td&gt;&lt;form&gt;Studiengruppe:&lt;/td&gt;
              &lt;td&gt;&lt;p&gt;&lt;form&gt;
                &lt;label for=&quot;studiengruppe&quot;&gt;
                  &lt;input id=&quot;studiengruppe&quot; name=&quot;studiengruppe&quot;&gt;
                &lt;/label&gt;
            &lt;/p&gt;&lt;/td&gt;
             &lt;/tr&gt;
  
      &lt;tr&gt;
          &lt;td&gt;&lt;form method=&quot;POST&quot;&gt;
      Semester: &lt;/td&gt;
      &lt;td&gt;&lt;select id=&quot;semester&quot; name=&quot;Semester&quot; size=&quot;1&quot;&gt;
      &lt;option&gt;1&lt;/option&gt;
      &lt;option&gt;2&lt;/option&gt;
      &lt;option&gt;3&lt;/option&gt;
      &lt;option&gt;4&lt;/option&gt;
      &lt;option&gt;5&lt;/option&gt;
      &lt;option&gt;6&lt;/option&gt;
      &lt;option&gt;7&lt;/option&gt;
      &lt;option&gt;8&lt;/option&gt;
      &lt;option&gt;9&lt;/option&gt;
      &lt;option&gt;10&lt;/option&gt;
      &lt;option&gt;11&lt;/option&gt;
      &lt;option&gt;12&lt;/option&gt;
      &lt;/select&gt;
      &lt;/form&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;email:&lt;/td&gt;
    &lt;td&gt;&lt;p&gt;&lt;form&gt;
      &lt;label for=&quot;email&quot;&gt;
        &lt;input type=&quot;email&quot; id=&quot;email&quot; name=&quot;email&quot;&gt;
      &lt;/label&gt;
  &lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;_____________________________&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;Ich biete mich als Tutor an für:&lt;/td&gt;&lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;&lt;form&gt;Modul 1&lt;/td&gt;
      &lt;td&gt;&lt;p&gt;&lt;form&gt;
        &lt;label for=&quot;modul1&quot;&gt;
          &lt;input id=&quot;modul1&quot; name=&quot;modul1&quot;&gt;
        &lt;/label&gt;
    &lt;/p&gt;&lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr&gt;
        &lt;td&gt;&lt;form&gt;Modul 2&lt;/td&gt;
        &lt;td&gt;&lt;p&gt;&lt;form&gt;
          &lt;label for=&quot;modul2&quot;&gt;
            &lt;input id=&quot;modul2&quot; name=&quot;modul2&quot;&gt;
          &lt;/label&gt;
      &lt;/p&gt;&lt;/td&gt;
       &lt;/tr&gt;
       &lt;tr&gt;
        &lt;td&gt;&lt;form&gt;Modul 3&lt;/td&gt;
        &lt;td&gt;&lt;p&gt;&lt;form&gt;
          &lt;label for=&quot;modul3&quot;&gt;
            &lt;input id=&quot;modul3&quot; name=&quot;modul3&quot;&gt;
          &lt;/label&gt;
      &lt;/p&gt;&lt;/td&gt;
       &lt;/tr&gt;
      &lt;/table&gt;
  Validierung
  
  &lt;script src=&quot;./student _erfassen.js&quot;&gt;&lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>I started to create variables to read the content of the fields but have an error message already</p>
  <blockquote>
  <p>(&quot;Expression expected&quot;) in line 4</p>
  </blockquote>
  <pre><code>&lt;script&gt;
  
  funtion validate() {
      var vorname = document.getElementById(&quot;vorname&quot;).value;
      var nachname = document.getElementById(&quot;nachname&quot;).value;
  </code></pre>
  <p>I hope you can help me.</p>