I need to validate if the entered value of intervalDuration
is less than testDuration
, but after couple of hours of searching I still was not found any solution which works for me.
I’m using the jQuery validation library.
Please help me.
var $val = jQuery.noConflict();
$val(document).ready(function() {
$val("#uniformDistribution").validate({
highlight: function(element) {
$val(element).closest('.form-group').removeClass('has-success').addClass('has-error');
},
unhighlight: function(element) {
$val(element).closest('.form-group').removeClass('has-error').addClass('has-success');
},
errorElement: 'span',
errorClass: 'help-inline',
rules: {
testDuration: {
required: true,
digits: true,
min: 1,
},
intervalDuration: {
required: true,
number: true,
max: "#testDuration",
},
},
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" class="form-control" name="testDuration" id="testDuration" placeholder="Test duration" required>
<input type="text" class="form-control" name="intervalDuration" id="intervalDuration" placeholder="Interval duration" required>