I tried the script of /.. with examples of static values. how to use the max value but dynamic? I tried with this script but it did not work

jQuery.validator.setDefaults({
  debug: true,
  success: "valid"
});
$( "#myform" ).validate({
  rules: {
    field: {
      required: true,
      max: "#field1" //from field1 dynamic value???
    //max: 23 //static value
    }
  }
});

<script src=".11.1.min.js"></script>
<script src=".validate.min.js"></script>
<script src=".min.js"></script>
<form id="myform">
    <lable>value1 : </lable>
    <input type="text" class="left" id="field1" name="field1"><br>
    <lable>no greater than value1 : </lable>
    <input type="text" class="left" id="field" name="field">
      <br/>
<input type="submit" value="Validate!">
</form>

I tried the script of http://jqueryvalidation/max-method/.. with examples of static values. how to use the max value but dynamic? I tried with this script but it did not work

jQuery.validator.setDefaults({
  debug: true,
  success: "valid"
});
$( "#myform" ).validate({
  rules: {
    field: {
      required: true,
      max: "#field1" //from field1 dynamic value???
    //max: 23 //static value
    }
  }
});

<script src="http://code.jquery./jquery-1.11.1.min.js"></script>
<script src="http://jqueryvalidation/files/dist/jquery.validate.min.js"></script>
<script src="http://jqueryvalidation/files/dist/additional-methods.min.js"></script>
<form id="myform">
    <lable>value1 : </lable>
    <input type="text" class="left" id="field1" name="field1"><br>
    <lable>no greater than value1 : </lable>
    <input type="text" class="left" id="field" name="field">
      <br/>
<input type="submit" value="Validate!">
</form>

how to work?

• javascript
• jquery
• jquery-validate

Share Improve this question Follow asked Oct 1, 2015 at 8:49 WisnuWisnu 6511 gold badge11 silver badge77 bronze badges 0

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 9

Return the value of the field using a function.

$( "#myform" ).validate({
    rules: {
        field: {
            required: true,
            max: function() {
                return parseInt($('#field1').val());
            }
        }
    }
});

Remember to enclose the value within parseInt or the number could be evaluated as a string.

Working DEMO: http://jsfiddle/dq7wf3qj/

set max as max: function(){ return $("#field1").val();}

jQuery.validator.setDefaults({
  debug: true,
  success: "valid"
});
$( "#myform" ).validate({
  rules: {
    field: {
      required: true,
    max: function(){ return $("#field1").val();}
    }
  }
});

<script src="http://code.jquery./jquery-1.11.1.min.js"></script>
<script src="http://jqueryvalidation/files/dist/jquery.validate.min.js"></script>
<script src="http://jqueryvalidation/files/dist/additional-methods.min.js"></script>
<form id="myform">
    <lable>value1 : </lable>
    <input type="text" class="left" id="field1" name="field1"><br>
    <lable>no greater than value1 : </lable>
    <input type="text" class="left" id="field" name="field">
      <br/>
<input type="submit" value="Validate!">
</form>