Question

我正在修改一个现有项目，在这里我想使用jquery验证开始日期（From）和结束日期（To）。要求结束日期（To）不能小于开始日期（from）。以下是我的html代码，并添加了我编写的jquery代码。但是日期没有经过验证，并且不显示任何错误消息。单击提交按钮后，它将成功提交，没有任何错误。我引用以下问题来编写jquery部分，但不起作用。如果有人可以帮助我解决这个问题，我非常感谢。预先感谢。

Using jquery Validation 'greaterthan' function

var validator = $("#add_cetificate").validate();

$("#valid_to").rules('add', { greaterThan: "#valid_from" });


 
 $.validator.addMethod('greaterThan', function(value, element, param){   
        var startDate =  $(param).val();
         var endDate = value ;
        return endDate > startDate;

 });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.1/jquery.validate.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.1/additional-methods.min.js"></script>
<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验证不适用于验证日期

0 个答案: