jQuery datepicker没有验证

时间:2015-04-21 00:43:36

标签: jquery jquery-ui-datepicker

我的jQuery datepicker有问题 如果我在datepicker中没有值的形式汇总表单,它会告诉我输入日期 当我选择一个日期时,它就像没有更新,仍然希望我输入日期。

看看这个小提琴:

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');
        }
    });
});

尝试在没有日期的情况下提交,然后选择日期并查看未删除验证错误。

1 个答案:

答案 0 :(得分:2)

没有formValidation插件,在datePicker代码中仍称为bootstrapValidator

$('#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