title: Why doesnt required work to validate my forms?
body: <p>I am trying to validate some text-fields using the required keyword, yet nothing is working?</p>
  
  <p>How do I create validation using the required keyword.</p>
  
  <p>Here is my code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="Name" class="tabcontent"&gt;
  
      &lt;form&gt;
          &lt;div class="nameDiv"&gt;
                Title: &lt;input type="text" name="Title" title="Title" id="TitleTransfer"&gt;
          &lt;/div&gt;
          &lt;br&gt;
          &lt;div class="addressDiv"&gt;
                Name: &lt;input type="text" name="name" id="NameTransfer" required /&gt;
              &lt;span class="asterisk"&gt;&lt;/span&gt;
          &lt;/div&gt;
          &lt;br&gt;
          &lt;div class="emailDiv"&gt;
                Surname:
              &lt;input type="text" name="surname" id="LastNameTransfer" required /&gt;
              &lt;span class="asterisk"&gt;&lt;/span&gt;
          &lt;/div&gt;
          &lt;br&gt;
          &lt;div class="numberDiv"&gt;
                Email Address:
              &lt;input type="text" name="email Address" id="EmailTransfer" required /&gt;
              &lt;span class="asterisk"&gt;&lt;/span&gt;
          &lt;/div&gt;
          &lt;br&gt;
          &lt;div class="numberDiv"&gt;
                Phone number:
              &lt;input type="text" name="Phone number" id="NumberTransfer"&gt;
          &lt;/div&gt;
          &lt;button  id="save-btnOne" onclick="moveContentOne()"&gt;Save&lt;/button&gt;
      &lt;/form&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>