Breaking

Post Top Ad

Your Ad Spot

viernes, 4 de mayo de 2018

Validar Campos Select con jQuery

Resultado de imagen para jquery

Para ilustrar el ejemplo utilizaremos el siguiente select.

<select name="options" id="options" class="form-control">
<option value="" selected="selected">Seleccione...</option>
<option value="opcion1">Opción 1</option>
<option value="opcion2">Opción 2</option>
<option value="opcion3">Opción 2</option>
</select>
 


Debemos crear una opción vacía para poder realizar la validación, es por eso que en el código podemos apreciar lo siguiente:

<option value="" selected="selected">Seleccione...</option>
 
Luego vamos a crear la acción del clic que ejecutará la validación.

$('#validate').click(function() {

if ($('#options').val().trim() === '') {
alert('Debe seleccionar una opción');

} else {
alert('Campo correcto');
}
});
 
De esta manera tan sencilla podemos validar que se seleccione una opción del select. Si viste el post anterior te darás cuenta que el código para realizar la validación es exactamente igual.
Veamos el código en funcionamiento.


No hay comentarios.:

Publicar un comentario

Post Top Ad

Your Ad Spot

Páginas