7

Estoy validando mi formulario con , la fecha solo se valida si la escribo, si la escojo desde el calendario no la válida. Si me pueden ayudar a validarla agradecería su ayuda. Utilizo el de Jquery.

Campo formulario:

<div class="form-group">
                    <label class="col-md-4 control-label" for="fechaEntrega">Fecha entrega</label>
                    <div class="col-md-4"> 
                        <div class="input-group">
                            <span class="input-group-addon fa fa-calendar"></span>
                            <input type="text" id="fechaEntrega" name="fechaEntrega" class="form-control"></input>
                        </div>
                    </div>
                </div>

Validación:

$().ready(function () {
$('#formularioSolicitudPedido').formValidation({// Validación datos capa cliente. TENER PRESENTE EL ID DEL FORM
    err: {container: 'tooltip'}, //muestra en tooltips
    icon: {valid: 'fa fa-thumbs-up', invalid: 'fa fa-thumbs-down', validating: 'fa fa-refresh'}, //iconos
    //locale: 'es_ES', //idioma - debe enlazar el archivo "es_ES.js"
    fields: {

        fechaEntrega: {
            validators: {
                notEmpty: {
                    message: 'La fecha de entrega es requerida'
                }
            }
        }

    }
});
3
  • ¿No utilizas ningún framework para facilitar tu labor con JSF como PrimeFaces u OmniFaces?
    – user227
    el 6 jun. 2016 a las 20:11
  • @LuiggiMendoza No, ninguno. el 6 jun. 2016 a las 20:14
  • @LinaCortés prueba estableciendo la propiedad name solamente; tal vez, ya que las propiedades id y name tienen el mismo nombre, pueden generar ambigüedad. En este enlace se muestra un campo de fecha con la propiedad name establecida. el 26 ene. 2017 a las 13:56

1 respuesta 1

0

Esto te puede servir:

$('#formularioSolicitudPedido').formValidation({// Validación datos capa cliente. TENER PRESENTE EL ID DEL FORM
    err: {container: 'tooltip'}, //muestra en tooltips
    icon: {valid: 'fa fa-thumbs-up', invalid: 'fa fa-thumbs-down', validating: 'fa fa-refresh'}, //iconos
    //locale: 'es_ES', //idioma - debe enlazar el archivo "es_ES.js"
    fields: {

        fechaEntrega: {
            validators: {
                    notEmpty: {
                        message: 'La fecha es requerida'
                    },
                    date: {
                        format: 'MM/DD/YYYY',
                        message: 'La fecha no es valida'
                    }
                }
        }

    }
}).find('[name="fechaEntrega"]')
        .datepicker({
            onSelect: function(date, inst) {
                // Revalida el campo cuando se usa el picker
                $('#formularioSolicitudPedido').formValidation('revalidateField', 'fechaEntrega');
            }
        });

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.