jQuery datepicker doesn`t validate

Question

I have a problem with my jQuery datepicker.
If I sumbit the form without a value in the datepicker, it tells me to enter a date.
When I do pick a date it's like its not getting updated, and still want me to enter a date.

Look at this fiddle :

http://jsfiddle.net/xa5gn1kq/12/

$(document).ready(function () {

    $("#rental-form").bootstrapValidator({
        framework: 'bootstrap',
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        live: 'enabled',
        submitButtons: 'button[id="rental-submit"]',
        fields: {
            datePicker: {
                validators: {
                    notEmpty: {
                        message: 'Velg en dato'
                    },
                    date: {
                        format: 'MM-DD-YYYY',
                        message: 'Datoen er ikke i riktig format, velg fra listen - eller skriv i følgende format: mm-dd-yyyy'
                    }
                }
            }
        }
    });

    $('#datePicker').datepicker({
        dateFormat: 'mm-dd-yy',
        minDate: "0",
        endDate: "01-01-2016",
        todayBtn: "linked",
        autoclose: true,
        onSelect: function (date, inst) {
            $('#data').text(this.value);
            $('#rental-form').formValidation('revalidateField', 'datePicker');
        }
    });
});

Try submitting without a date, then choose a date and see that the validation error isn't removed.

adeneo · Accepted Answer · 2015-04-21 00:51:05Z

2

There is no formValidation plugin, it's still called bootstrapValidator in the datePicker code

$('#datePicker').datepicker({
    dateFormat: 'mm-dd-yy',
    minDate: "0",
    endDate: "01-01-2016",
    todayBtn: "linked",
    autoclose: true,
    onSelect: function (date, inst) {
        console.log('ccc')
        $('#data').text(this.value);
        $('#rental-form').bootstrapValidator('revalidateField', 'datePicker');
    }         //              ^^ here, wrong name !
});

FIDDLE

answered Apr 21, 2015 at 0:51

adeneo

319k29 gold badges410 silver badges392 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery datepicker doesn`t validate

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related