Skip to main content
Se agrego la url de la documentación
Origen Enlace

Lo que debes hacer es asignar una función a tu maxlength que evalué el valor que debe devolver de acuerdo a tu otro campo country. Recuerda que la acción de validación de zipcode se hará cuando pierda el focus. Use el ejemplo de la documentación Aqui. Si lo que deseas es que la regla se aplique ni bien cambies el valor de tu campo country entonces deberás usar la función .rules() con la función change de tu campo para agregar y quitar la regla de maxlength,te dejo la informacion Aqui

<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="https://jqueryvalidation.org/files/demo/site-demos.css">
 
</head>
<body>
<form id="myform">
<label>Country </label>
<input id="country" name="country">
<br>
<label>Zipcode </label>
<input id="zipcode" name="zipcode">
<br>
<input type="submit" value="Validate!">
</form>
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>
<script>
// just for the demos, avoids form submit
jQuery.validator.setDefaults({
  debug: true,
  success: "valid"
});
$( "#myform" ).validate({
  rules: {
    country: {
      required: true
    },
    zipcode: {
    required: true,
      maxlength: function(element) {
         if ($("#country").val() =='AT')
              return 4;
         return 5;
      }
    }
  }
});
</script>
</body>
</html>

Lo que debes hacer es asignar una función a tu maxlength que evalué el valor que debe devolver de acuerdo a tu otro campo country. Recuerda que la acción de validación de zipcode se hará cuando pierda el focus.

<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="https://jqueryvalidation.org/files/demo/site-demos.css">
 
</head>
<body>
<form id="myform">
<label>Country </label>
<input id="country" name="country">
<br>
<label>Zipcode </label>
<input id="zipcode" name="zipcode">
<br>
<input type="submit" value="Validate!">
</form>
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>
<script>
// just for the demos, avoids form submit
jQuery.validator.setDefaults({
  debug: true,
  success: "valid"
});
$( "#myform" ).validate({
  rules: {
    country: {
      required: true
    },
    zipcode: {
    required: true,
      maxlength: function(element) {
         if ($("#country").val() =='AT')
              return 4;
         return 5;
      }
    }
  }
});
</script>
</body>
</html>

Lo que debes hacer es asignar una función a tu maxlength que evalué el valor que debe devolver de acuerdo a tu otro campo country. Recuerda que la acción de validación de zipcode se hará cuando pierda el focus. Use el ejemplo de la documentación Aqui. Si lo que deseas es que la regla se aplique ni bien cambies el valor de tu campo country entonces deberás usar la función .rules() con la función change de tu campo para agregar y quitar la regla de maxlength,te dejo la informacion Aqui

<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="https://jqueryvalidation.org/files/demo/site-demos.css">
 
</head>
<body>
<form id="myform">
<label>Country </label>
<input id="country" name="country">
<br>
<label>Zipcode </label>
<input id="zipcode" name="zipcode">
<br>
<input type="submit" value="Validate!">
</form>
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>
<script>
// just for the demos, avoids form submit
jQuery.validator.setDefaults({
  debug: true,
  success: "valid"
});
$( "#myform" ).validate({
  rules: {
    country: {
      required: true
    },
    zipcode: {
    required: true,
      maxlength: function(element) {
         if ($("#country").val() =='AT')
              return 4;
         return 5;
      }
    }
  }
});
</script>
</body>
</html>

Origen Enlace

Lo que debes hacer es asignar una función a tu maxlength que evalué el valor que debe devolver de acuerdo a tu otro campo country. Recuerda que la acción de validación de zipcode se hará cuando pierda el focus.

<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="https://jqueryvalidation.org/files/demo/site-demos.css">
 
</head>
<body>
<form id="myform">
<label>Country </label>
<input id="country" name="country">
<br>
<label>Zipcode </label>
<input id="zipcode" name="zipcode">
<br>
<input type="submit" value="Validate!">
</form>
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>
<script>
// just for the demos, avoids form submit
jQuery.validator.setDefaults({
  debug: true,
  success: "valid"
});
$( "#myform" ).validate({
  rules: {
    country: {
      required: true
    },
    zipcode: {
    required: true,
      maxlength: function(element) {
         if ($("#country").val() =='AT')
              return 4;
         return 5;
      }
    }
  }
});
</script>
</body>
</html>