title: MaterializeCSS how to make select input green(valid) on onleave()
body: <p>We are developing a web app and we are using NET CORE, materializeCSS. In the form we have only 2 inputs, textbox and select(dropdown).</p>
  
  <p>This is the scenario/step I did,</p>
  
  <ol>
  <li>Submit the form(while having textbox and select no value)   </li>
  <li>Input and textbox's bottom border become red,</li>
  <li>I choose a value in select,   </li>
  <li>Click textbox,</li>
  <li>The redline bottom-border in select does not become green(which is it suppose to be because the select has now a value)</li>
  </ol>
  
  <p>But in textbox it complete works just how it should be. I know this is a minor error and the form still can submit even when the select is in redline. But it still an bug in UI specially on the users.</p>
  
  <p>Please help thanks.</p>
  
  <p>CSHTML code:</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="input-field col s8 offset-s2"&gt;
          &lt;select asp-for="Type" class="validate" asp-items="Html.GetEnumSelectList&lt;FieldType&gt;()" required&gt;
              &lt;option disabled selected&gt;Choose your option&lt;/option&gt;
          &lt;/select&gt;
          &lt;label for="Type"&gt;Type&lt;span style="color:red"&gt;*&lt;/span&gt;&lt;/label&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Javascript:</p>
  
  <pre><code>$(document).ready(function ()
  {
      initAjaxForm("#f_addfield", "validate");
  });
  </code></pre>
  
  <p>Please help me. Thanks in advance.</p>