Between Validator - jQuery Validator

between validator

by KevinABoucher

HTML

<script src="http://jquery.bassistance.de/validate/jquery.validate.js"></script>
<style type="text/css">
  label.error { color: red; }
</style>

<form id="betweenForm" method="post" action="">
Change some values:<br/>
<label for="a">Field A:</label>
<input id="a" name="a" type="text" value="1" />

<br/>
<label for="b">Field B:</label>
<input id="b" name="b" type="text" value="100" />   
    
<br/>
<label for="c">Field C:</label>
<input id="c" class="required" name="c" type="text" value="" />

<p>
    <input class="submit" type="submit" value="Submit"/>
</p>
</form>

JavaScript

$(function() {

    // Using jQuery Validation plugin    
    $("#betweenForm").validate({
        rules: {
            c: {
                required: true,
                min: function() {
                    return $('#a').val();
                },
                max: function() {
                    return $('#b').val();
                },
            }
        }
    });

});