Member 14732246 Ответов: 0

Как проверить последняя дата должна быть больше даты начала с помощью jquery validator

I am modifying an existing project, where I want to validate the start date(From) and end date(To) using jquery. The requirement is that End date(To) cannot be less than the Start date(from). Below is my html code and I add the jquery code I’ve written. But the date is not validated and it doesn’t display any error message. Once I click the submit button it submit successfully without any error. I really appreciate if some one can help me to resolve this.I tried this so many times, but all are failed. Really appreciate your help Thanks in advance.



===========HTML-код==========
<div class="form-group">
                            <label for="" class="col-sm-2 control-label">Valid From<span class="star"> * </span></label>
                            <div class="col-sm-3">
                                <input type="text" class="form-control datepicker" name="valid_from[]" id="valid_from" required="required">
                            </div>
                            <label for="" class="col-sm-2 control-label"> To <span class="star"> * </span></label>
                            <div class="col-sm-3">
                                <input type="text" class="form-control datepicker" name="valid_to[]" id="valid_to" required="required">
                            </div>
                        </div>



==============код проверки jquery==========

var validator = $( "#add_cetificate").validate({
        rules: {
            valid_to[]: {
                greaterThan: "#valid_from"
            },
        }
    });


    $.validator.addMethod('greaterThan', function(value, element) {

            var dateFrom = $("#valid_from").val();
            var dateTo = $('#valid_to').val();

            return dateTo > dateFrom;

});


А также есть часть jquery для даты следующим образом
<pre>$('.datepicker').datepicker({
            format: 'yyyy-mm-dd',
            autoclose: true
        });


Что я уже пробовал:

I really appreciate if some one can help me to resolve this.I tried this so many times, but all are failed. Really appreciate your help Thanks in advance.

Richard Deeming

Ваш rules определение выглядит недействительным - оно должно выглядеть скорее как:

rules: {
    "valid_to[]": {
        greaterThan: "#valid_from"
    }
}

valid_to[] не является допустимым идентификатором Javascript и должен быть заключен в кавычки. У вас также есть болтающаяся запятая, которая вызовет ошибки в некоторых браузерах.

Кроме того, вам нужно проверить инструменты разработчика Вашего браузера, чтобы увидеть, есть ли какие-либо ошибки.

0 Ответов