JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.js"></script>
<fieldset>
  <legend>Por favor entre com seu nome, email e um comentário.
          <i class="glyphicon glyphicon-log-in"></i>
  </legend>
  <div class="form-group">
    <div class="row">
      <div class="col-sm-12 col-md-12 col-lg-12">
        <div class="inner-addon left-addon">
          <form class="cmxform" id="formulario" method="get" action="">
            <p>
              <label for="cname">Nome (Requer, no mínimo 2 caracteres)</label>
              <input id="cname" name="name" minlength="2" type="text" required>
            </p>
            <p>
              <input id="id_codigo_empresa" name="codigo_empresa"
                     type="number" class="form-control" maxlength="6"
                     placeholder="Código da entidade" required>
            </p>
            <p>
              <label for="cemail">E-Mail (requerido)</label>
              <input id="cemail" type="email" name="email" required>
            </p>
            <p>
              <label for="curl">URL (opcional)</label>
              <input id="curl" type="url" name="url">
            </p>
            <p>
              <label for="ccomment">Seu comentário (requerido)</label>
              <textarea id="ccomment" name="comment" required></textarea>
            </p>
            <p>
              <input class="submit" type="submit" value="Submit">
            </p>
          </form>
        </div>
      </div>
    </div>
  </div>
</fieldset>

JavaScript

$("#formulario").validate();