Simple Form Validate

by Gonzalo Guevara

HTML

<script src="https://cdn.jsdelivr.net/jquery.validation/1.15.0/jquery.validate.js"></script>
<form id="forma">
  <div class="control-group">
    <label for="name_datos" class="control-label">Name: <span class="marca-obligatorio">*</span></label>
    <input id="name_datos" type="text" name="name_datos" placeholder="Name" class="span12" />
  </div>

  <div class="control-group">
    <label for="id_datos" class="control-label">Id Number: <span class="marca-obligatorio">*</span></label>
    <input id="id_datos" type="text" name="id_datos" placeholder="Num id" class="span12" />
  </div>
  <button class="btn" type="submit">Submit</button>
</form>

JavaScript

$('#forma').validate({
  onfocusout: function(element) {

    if (!$(element).valid()) {
      //$(element).focus();
      this.element(element);
      //element.focus();
      //validator.focusInvalid();
      //$(element).css('border','1px solid red');
      //alert('lcooc');
    }
  },
  rules: {
    name_datos: {
      required: true
    },
    id_datos: {
      required: true,
      digits: true
    }
  }

});