title: required field in html form works in chrome but not mobile or ie (done in wordpress)
body: <p>I am building a form using html in wordpress. The fields that need to be required work in chrome (giving a please fill out this field when the submit button is pressed without information in the field) however it will not work in IE or mobile, it just allows the form to be submitted. Here is a sample of a field</p>
  
  <p>Last name: *</p>
  
  <pre><code>input type="text" name="lastname" value="" maxlength="50" required="required"  
  </code></pre>
  
  <p>I dont know whats going on here and Im pretty new so any help would be appreciated</p>
  
  <p>(edit with answer)
  This is what I ended up doing and it works now thanks for the responses </p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;script type="text/javascript"&gt;
  function validateForm()
  {
  var x=document.forms["myForm"]["firstname"].value;
  if (x==null || x=="")
    {
    alert("First name must be filled out");
    return false;
    }
  }
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;form name="myForm" form action="dlcplateFormTest.php"  onsubmit="return validateForm()"                   method="POST"&gt;
  &lt;tr&gt;
  &lt;td&gt;Last name: *&lt;/td&gt;
  &lt;td&gt;&lt;input type="text" name="lastname" value="" maxlength="50" required="required"  /&gt;            &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;input type="submit" value="Submit" /&gt;&lt;input type="reset" value="Reset" /&gt;
  &lt;/form&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>