Неправильная обязательная проверка для поля ввода datepicker

Question

Я беру ввод даты рождения в формате dd/mm/yyyy и использую плагин datepicker

<input type="text" id="birth_date" name="birth_date" value="" class="form-control date">

И jQuery для класса даты -

$('.date').datepicker({
    todayBtn: "linked",
    keyboardNavigation: false,
    forceParse: false,
    calendarWeeks: true,
    autoclose: true,
    format: 'dd/mm/yyyy'
});

Когда я проверяю поле вводас помощью jQuery Validate выдает ошибку «Пожалуйста, введите правильную дату».только для формата dd/mm/yyyy, вместо этого он работает нормально для формата mm/dd/yyyy

$("#frm").validate({
    rules: {
        first_name: { required: true },
        date_of_birth: { required: true }
    },
    messages: {
        first_name: { required: 'Please enter first name' },
        date_of_birth: { required: 'Please select the date of birth' }
    },
    errorPlacement: function (error, element) {
        error.insertAfter(element);
    },
    submitHandler: function(form) {
        form.submit();
    }
});

Почему я получаю эту ошибку, поскольку проверяю только поле required?

Answer 1

«Почему я получаю эту ошибку, поскольку проверяю только обязательное поле?»

Плагин jQuery Validate может подбирать правила несколькими способами,включая, но не ограничиваясь ...

• Объявлен в объекте rules метода .validate().
• Встроенные атрибуты HTML5, такие как required="required".
• Имена классов, такие как class="required".

Когда вы используете class="date" в поле input, вы вызываете правило date в плагине jQuery Validate.Удалите класс date из input.Если вы используете класс date для визуального стиля, тогда вы должны изменить имя этого класса на другое.