Mudar cor de campo não preenchido:

Formulário HTML:

<div class="row">
    <div class="form-group col-xs-12 col-sm-12 col-md-2 col-lg-2">
        <label class="control-label" for="txt_campo">Campo</label>
        <input type="text" class="form-control" name="txt_campo" id="txt_campo" required="required">
    </div>
</div>

Arquivo javascript:

// Essa função adiciona * nos campos que estão como required
// você chama essa função ao abrir o formulário
function camposObrigatorios() {
    $("input:required, select:required, textarea:required").each(function(index, value){
        $(this).parent().find("label.control-label:first").append('<span class="text-danger"> *</span>');
    });
}

// Muda a cor do campo passado como parâmetro
// Chamado na validação do campo
function addErro(campo) {
    campo.parents("div.form-group:eq(0), td:eq(0)").addClass('has-error');
    campo.focus();
}

// Essa é a chamada para mudar a cor do campo.
addErro($("#campo"));

Exemplo:

if ($("campo").val() == '') {
    alert("Preenhcer o campo tal.");
    addErro($("#campo"));
}

Botão:

<button type="button" class="btn btn-success"><span class="fluigicon fluigicon-process-adhoc"></span></button>

As classes vermelhas e verdes dos campos são configuradas pelas classes has-error e has-success nos campos.

Para configuração de um campo nessas características precisa algo assim:

<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 required" data-type="textarea">
  <div class="form-group has-error">
    <label class="label-fields">Descrição</label>
    <textarea class="form-control" rows="3"></textarea>
  </div>
</div>

No código acima a classe required controla os campos obrigatórios.

As classes col-xs-12 col-sm-12 col-md-6 col-lg-6 definem o tamanho do campo em telas de tamanho lg, md, sm e xs (ver no site do bootstrap configurações de tamanhos em pixels que configuram cada tela http://getbootstrap.com/css/#grid).

As classes form-group has-error pintam o campo de vermelho.

A classe label-fields deve definir a cor do label e tamanhos no seu CSS.

Para trocar de cor ao sair do campo use o código JavaScript:

$(".required").find('input, textarea, select').on('change', function() { 
  if($(this).val() != "") {
    $(this).parent('.form-group').removeClass('has-error').addClass('has-success');
  } else {
    $(this).parent('.form-group').addClass('has-error').removeClass('has-success');
  }
});

Para o botão pode usar algo assim:

<div class="col-xs-6 col-sm-8 col-md-8 col-lg-6 fs-no-margin fs-no-padding">
  <button type="button" class="btn btn-status btn-info form-control">
    <span class="fluigicon fluigicon-user fluigicon-sm"></span>
    Solicitando
  </button>
</div>