Estou usando o plugin jQuery Validate para validar um formulário. Quando eu declaro as regras na declaração do input o formulário fica vermelho quando não se encaixa nas mesmas, e azul quando se encaixam. Segue um exemplo de declaração do input com regras in-line:
<div class="input-prepend">
<span class="add-on"><i class="icon-user"></i></span>
<input class="span4" id="nome" size="16" name="nome" type="text" placeholder="Nome" required minlength="2">
</div>
Porém, quando faço a validação através de uma função, o formulário não recebe a estilização. Creio que seja algo do Bootstrap ou algo similar. Segue exemplo de validação através da função:
<script type="text/javascript">
$(document).ready( function() {
$("#idCadastro").validate({
rules: {
nome: {
required: true, minlength: 2
}
messages: {
nome: {
required: "Digite o seu nome", minLength: "O seu nome deve conter, no mínimo, 2 caracteres"
}
});
});
</script>
O que eu gostaria de saber é se tem como eu mesmo fazer a estilização usando a validação da função ou algum resultado que ela proporcione.