How do to onblur/onfocus validation with jQuery/bootstrap without using any jquery plugin?
<p>How do to onblur/onfocus validation with jQuery/bootstrap without using any jquery plugin for the below bootstrap form. Most of the internet example has used with jquery plugin. I can't use any plugin for some reason.</p>

<pre><code>&lt;form class="form-horizontal" role="form"&gt;
  &lt;div class="form-group"&gt;
    &lt;label class="control-label col-sm-2" for="nam"&gt;Name:&lt;/label&gt;
    &lt;div class="col-sm-10"&gt;
      &lt;input type="email" class="form-control" id="nam" placeholder="Enter Name"&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="form-group"&gt;
    &lt;label for="comment"&gt;Comment:&lt;/label&gt;
    &lt;textarea class="form-control" rows="5" id="comment"&gt;&lt;/textarea&gt;
  &lt;/div&gt;
  &lt;div class="radio"&gt;
    &lt;label&gt;
      &lt;input type="radio" name="optradio"&gt;Option 1&lt;/label&gt;
  &lt;/div&gt;
  &lt;div class="radio"&gt;
    &lt;label&gt;
      &lt;input type="radio" name="optradio"&gt;Option 2&lt;/label&gt;
  &lt;/div&gt;

  &lt;div class="form-group"&gt;
    &lt;label for="sel1"&gt;Select list:&lt;/label&gt;
    &lt;select class="form-control" id="sel1"&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;/select&gt;
  &lt;/div&gt;
  &lt;div class="form-group"&gt;
    &lt;div class="col-sm-offset-2 col-sm-10"&gt;
      &lt;div class="checkbox"&gt;
        &lt;label&gt;
          &lt;input type="checkbox"&gt;Remember me&lt;/label&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="form-group"&gt;
    &lt;div class="col-sm-offset-2 col-sm-10"&gt;
      &lt;button type="submit" class="btn btn-default"&gt;Submit&lt;/button&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/form&gt;
</code></pre>