buenas tengo un formulario en el cual mediante una consulta desde php a mi bd cargo un select, en el que uso la libreria select2 para poder buscar en el mis registros.. mi problema es que al validar este campo con jquery-validate este parece ignorarlo y no lo valida, alquien tiene una idea de como solucionar esto? les dejo el codigo html de mi select y las reglas de validacion en mi script.
<div class="form-group">
<label class="form-label">Ciudad</label>
<select class="select2" id="ciudad" name="ciudad">
<option>Seleccione una ciudad</option>
<?php
foreach ($getciudad as $id => $nombre)
echo '<option value="',$id,'">'.$nombre.'</option>';
?>
</select>
</div>
$('document').ready(function(){
$(".select2").select2();
$('#form').validate({
rules: {
ciudad:{
required: true
}
},
messages: {
ciudad: {
required: "Este campo es requerido."
}
},
highlight: function (input) {
$(input).parents('.form-group').addClass('has-danger');
},
unhighlight: function (input) {
$(input).parents('.form-group').removeClass('has-danger');
},
errorPlacement: function (error, element) {
$(element).parents('.form-group').append(error);
},
submitHandler : function(_form){
var form = $(_form);
$.ajax({
url: form.attr('action'),
type: form.attr('method'),
data: form.serialize(),
dataType: 'json',
success:function(response){
...
}
})
}
});
});