Hola sintel_1, gracias por tomarte el momento para dejar tu comentario. El codigo que me genera es bastante grande porqeu es un formulario grande,aunque solo me interesa validar ese campo. Me genera mi formulario sin componentes de la siguiente forma:
<form action="registrar_persona.do" id="personaForm" name="personaForm" method="post" class="form-vertical"
enctype="multipart/form-data">
</form>
y el resto de las etiquetas html estan fuera y son de esta forma:
<div class="row">
<div class="col-sm-4 col-md-4 col-lg-4">
<div class="form-group">
<label class="control-label" for="colorDeOjos">Color de Ojos</label>
<select class="sel col-sm-12 col-md-12 col-lg-12" id="colorDeOjos" name="colorDeOjos.id_color_ojos"
form="personaForm">
<!---->
</select>
</div>
</div>
<div class="col-sm-4 col-md-4 col-lg-4">
<div class="form-group">
<label class="control-label" for="colorDePelo">Color de Pelo</label>
<select class="sel col-sm-12 col-md-12 col-lg-12" id="colorDePelo" name="colorDePelo.id_color_pelo"
form="personaForm">
<!---->
</select>
</div>
</div>
<div class="col-sm-4 col-md-4 col-lg-4">
<div class="form-group">
<label class="control-label" for="colorDePiel">Color de Piel</label>
<select class="sel col-sm-12 col-md-12 col-lg-12" id="colorDePiel" name="colorDePiel.id_color_piel"
form="personaForm">
<!---->
</select>
</div>
</div>
</div>
donde establezco la relacion con el formulario a travez del atributo FORM. Saludos y te agradeceria alguna sugerencia.