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

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

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