title: Data validation issues in HTML
body: <p>I have an HTML data entry code with some data validation. After I enter the customer no and select 'Find' to look for the customer details, it is still asking for the 'customer title'.</p>
  
  <p>How do I resolve this issue?</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;HTML&gt;
  &lt;BODY bgcolor="AliceBlue"&gt;
  &lt;link rel='stylesheet' href='input-style.css' type='text/css' /&gt;
  &lt;form method="post" action="customers.php"&gt;
  &lt;table width="550px" align = "center"&gt;
  &lt;colgroup&gt;
      &lt;col span="4"  style="background-color:cyan"&gt;
    &lt;/colgroup&gt;
  
  &lt;thead&gt;
    &lt;tr&gt;
       &lt;th&gt;Customer Details&lt;/th&gt;
    &lt;/tr&gt;
   &lt;/thead&gt;
  
  &lt;/tr&gt;
  &lt;tr&gt;
   &lt;td valign="top"&gt;
   &lt;/td&gt;
   &lt;td valign="top"&gt;
   &lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;/tr&gt;
  &lt;tr&gt;
   &lt;td valign="top"&gt;
    &lt;label for="cust_no"&gt;Customer No.: &lt;/label&gt;
   &lt;/td&gt;
   &lt;td valign="top"&gt;
    &lt;input  type="text" name="cust_no" maxlength="10" size="10" required&gt;
  &lt;input type="submit"  formaction="/find_customers.php" value="Find"&gt;   
   &lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;/tr&gt;
  &lt;tr&gt;
   &lt;td valign="top"&gt;
    &lt;label for="cust_title"&gt;Customer Title&lt;/label&gt;
   &lt;/td&gt;
   &lt;td valign="top"&gt;
    &lt;input  type="text" name="cust_title" maxlength="10" size="10" required&gt;
   &lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;/tr&gt;
  &lt;tr&gt;
   &lt;td valign="top"&gt;
    &lt;label for="surname"&gt;Surname &lt;/label&gt;
   &lt;/td&gt;
   &lt;td valign="top"&gt;
    &lt;input  type="text" name="surname" maxlength="20" size="20" required&gt;
   &lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;/tr&gt;
  &lt;tr&gt;
   &lt;td valign="top"&gt;
    &lt;label for="fstname"&gt;First Name&lt;/label&gt;
   &lt;/td&gt;
   &lt;td valign="top"&gt;
    &lt;input  type="text" name="fstname" maxlength="50" size="30" required&gt;
   &lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;/tr&gt;
  &lt;tr&gt;
   &lt;td valign="top"&gt;
    &lt;label for="midname"&gt;Middle Name&lt;/label&gt;
   &lt;/td&gt;
   &lt;td valign="top"&gt;
    &lt;input  type="text" name="midname" maxlength="50" size="30"&gt;
   &lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;/tr&gt;
  &lt;tr&gt;
   &lt;td valign="top"&gt;
    &lt;label for="sex"&gt;Sex&lt;/label&gt;
   &lt;/td&gt;
   &lt;td valign="top"&gt;
    &lt;select name="sex"&gt;
      &lt;option value="Female"&gt;Female&lt;/option&gt;
      &lt;option value="Male"&gt;Male&lt;/option&gt;
    &lt;/select&gt;
  
   &lt;label for="dob"&gt;Date of Birth&lt;/label&gt;
  &lt;input  type="date" name="dob" maxlength="10" size="10" required&gt;
  &lt;/tr&gt;
  
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td valign="top"&gt;
    &lt;label for="profession"&gt;Profession&lt;/label&gt;
   &lt;/td&gt;
   &lt;td valign="top"&gt;
    &lt;input  type="text" name="profession" maxlength="30" size="30"&gt;
   &lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td valign="top"&gt;
    &lt;label for="cust_type"&gt;Customer Type&lt;/label&gt;
   &lt;/td&gt;
   &lt;td valign="top"&gt;
   &lt;select name="cust_type"&gt;
      &lt;option value="Individual"&gt;Individual&lt;/option&gt;
      &lt;option value="Group"&gt;Group&lt;/option&gt;
     &lt;option value="Company"&gt;Company&lt;/option&gt;
    &lt;/select&gt;
   &lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td valign="top"&gt;
    &lt;label for="p_addr1"&gt;Postal Address&lt;/label&gt;
   &lt;/td&gt;
   &lt;td valign="top"&gt;
    &lt;input  type="text" name="p_addr1" maxlength="20" size="20"&gt;
    &lt;input  type="text" name="p_addr2" maxlength="20" size="20"&gt;
  &lt;/tr&gt;
  
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td valign="top"&gt;
    &lt;label for="l_addr1"&gt;Location Address&lt;/label&gt;
   &lt;/td&gt;
   &lt;td valign="top"&gt;
    &lt;input  type="text" name="l_addr1" maxlength="20" size="20"&gt;
   &lt;input  type="text" name="l_addr2" maxlength="20" size="20"&gt;
  &lt;/tr&gt;
  
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td valign="top"&gt;
    &lt;label for="phone_no"&gt;Phone No.&lt;/label&gt;
   &lt;/td&gt;
   &lt;td valign="top"&gt;
    &lt;input  type="text" name="phone_no" maxlength="20" size="20" required&gt;
   &lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td valign="top"&gt;
    &lt;label for="id_type "&gt;ID Type&lt;/label&gt;
   &lt;/td&gt;
   &lt;td valign="top"&gt;
   &lt;select name="id_type "&gt;
      &lt;option value="Driver's License"&gt;Driver's License&lt;/option&gt;
      &lt;option value="Passport"&gt;Passport&lt;/option&gt;
      &lt;option value="National ID"&gt;National ID&lt;/option&gt;
    &lt;/select&gt;
  
    &lt;label for="id_no "&gt;ID No.&lt;/label&gt;
    &lt;input  type="text" name="id_no " maxlength="20" size="20" required&gt;
  &lt;/tr&gt;
   
  &lt;tr&gt;
   &lt;td valign="top"&gt;
    &lt;label for="mon_basic"&gt;Monthly Basic Salary&lt;/label&gt;
   &lt;/td&gt;
   &lt;td valign="top"&gt;
    &lt;input  type="number" name="mon_basic" maxlength="5" size="5"  min="0"  step = "any" value="0.00" required&gt;
   &lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;/tr&gt;
  &lt;tr&gt;
   &lt;td valign="top"&gt;
    &lt;label for="year_basic"&gt;Annual Basic Salary&lt;/label&gt;
   &lt;/td&gt;
   &lt;td valign="top"&gt;
    &lt;input  type="number" name="year_basic" maxlength="5" size="5" min="0"  step = "any" value="0.00" required&gt;
    &lt;label for="cust_status "&gt;Customer Status&lt;/label&gt;
     &lt;select name="cust_status"&gt;
      &lt;option value="Active"&gt;Active&lt;/option&gt;
      &lt;option value="Dormant"&gt;Dormant&lt;/option&gt;
      &lt;option value="Closed"&gt;Closed&lt;/option&gt;
    &lt;/select&gt;
  &lt;/tr&gt;
  
  
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td valign="top"&gt;
    &lt;label for="employer"&gt;Employer&lt;/label&gt;
   &lt;/td&gt;
   &lt;td valign="top"&gt;
    &lt;input  type="text" name="employer" maxlength="30" size="30"&gt;
   &lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td valign="top"&gt;
    &lt;label for="emp_addr1"&gt;Employer Address&lt;/label&gt;
   &lt;/td&gt;
   &lt;td valign="top"&gt;
    &lt;input  type="text" name="emp_addr1" maxlength="20" size="20"&gt;
   &lt;input  type="text" name="emp_addr1" maxlength="20" size="20"&gt;
  &lt;/tr&gt;
  
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td valign="top"&gt;
    &lt;label for="emp_phone"&gt;Employer Phone&lt;/label&gt;
   &lt;/td&gt;
   &lt;td valign="top"&gt;
    &lt;input  type="text" name="emp_phone" maxlength="20" size="20"&gt;
   &lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;/tr&gt;
  &lt;tr&gt;
   &lt;td colspan="2" style="text-align:center"&gt;
       &lt;input type="submit"  formaction="/update_customers.php" value="Update"&gt;   
  &lt;input type="submit" value="Save"&gt;  
  &lt;/tr&gt;
  
  &lt;tr&gt;
   &lt;td colspan="2" style="text-align:center"&gt;
    &lt;a href= "loanmgr.html"&gt;Main Menu&lt;/a&gt;
   &lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  &lt;/form&gt;
  &lt;/HTML&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><a href="https://i.stack.imgur.com/NaMNy.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NaMNy.jpg" alt="enter image description here"></a></p>