Bootstrap-with-required-inputs.html

<form>
  <div class="control-group">
    <label for="name" class="control-label">Name</label>
    <div class="controls">
      <input type="text" name="name" id="name" class="required" />
    </div>
  </div>
  
  <div class="control-group">
    <div class="controls">
      <input type="submit" value="Submit" />
    </div>
  </div>
</form>

Bootstrap-with-required-inputs.js

jQuery(document).ready(function() {
  $("form").on('submit', function() {
    var ok = true;
    $('.control-group').removeClass('error');

    $('.required').each(function() {
      if ($(this).val() == "") {
        ok = false;
        $(this).closest('.control-group').addClass('error');
      }
    });
    $('.error').first().find('input').focus();

    if (!ok) {
      return false;
    }

    return true;
  });
});