jquery validate dynamically change min value

Question

I have validation on form field which works ok. When I click on element in page, I take value of it, put it into form field and I want to change min value in validation to this value I tried rules method but it looks it is not working, but no error is shown

this is my validation call

$('form').validate({
lang: 'sk',
rules: {
  'payment[amount]': {
    min: 1
  }
},
highlight: function(element) {
  $(element).parent().addClass('state-error');
},
unhighlight: function(element) {
  $(element).parent().removeClass('state-error');
}

});

and this is my function running when I click on element

 $( "rewardbox" ).click(function() {
  $val = $( this ).children("amount").text();
  $num = parseInt($val);
  $("#payment_amount").val($num);
  $('html, body').animate({ scrollTop: 0 }, 'slow');

  $( "#form" ).rules( "remove", "min" );
  $("#form").rules("add", {
      'payment[amount]':{
      min: function ()  { return $("#payment_amount").val()  }
    }
  });
});

I tried to put as min value directly my variable $num but no luck

how this should work?

Sparky · Accepted Answer · 2016-03-08 01:49:01Z

1

When using the .rules() method, it does not get attached the form element. It only gets attached to the input field where you're attaching the new rule.

Since you would attach .rules() to the input itself, you do not declare the input name inside of it. As per the docs, just key:value pairs of the rules being added or removed and/or a custom messages object.

$("#payment_amount").rules("remove", "min");
$("#payment_amount").rules("add", {
    min: 2 
});

Please refer to usage examples in the documentation.

edited Mar 8, 2016 at 1:49

answered Mar 7, 2016 at 21:48

Sparky

98.8k26 gold badges202 silver badges293 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Shiva · Accepted Answer · 2016-03-07 12:37:40Z

0

have you placed validations after click function ..

i mean

$(document).ready(function(){

// click function (in click function append required value to a hidden field)

// then add validation (in validation min: function ()  { return $("#payment_amount").val()  } this will work )

});

answered Mar 7, 2016 at 12:37

Shiva

5672 gold badges5 silver badges12 bronze badges

3 Comments

Shiva Over a year ago

updated with new fiddle jsfiddle.net/medashiva/5RrGa/1635 need to add class to the form input field.

Mi Ro Over a year ago

this last works when I click on submit...not what I was looking for exactly but at least something..thanks

Shiva Over a year ago

Let us continue this discussion in chat.

Collectives™ on Stack Overflow

jquery validate dynamically change min value

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related