Nesse exemplo, vamos limitar o valor máximo entrado num campo de entrada en função da entrada noutro.
O formulário tem dois campos de entrada:
O método range do plugin de validação permite estipular os valores mínimo e máximo associados a um campo de entrada. Pode-se escrever sob a forma de uma limite entre dois valores ou de uma função que retorna um booleano.
Aqui, fazemos depender o valor máximo aplicado no campo 2 do valor entrado no campo 1 (ou do valor máximo autorizado no campo 1 se estiver vazio).
O formulário tem dois campos de entrada:
- O primeiro campo é limitado entre 0 e 100 (esta limitação é definida na regra associada range: [0, 100])
- O segundo é limitado entre 0 e o valor entrado no primeiro.
O método range do plugin de validação permite estipular os valores mínimo e máximo associados a um campo de entrada. Pode-se escrever sob a forma de uma limite entre dois valores ou de uma função que retorna um booleano.
Aqui, fazemos depender o valor máximo aplicado no campo 2 do valor entrado no campo 1 (ou do valor máximo autorizado no campo 1 se estiver vazio).
<form id="myFormId" method="post">
<label for="fieldOne">Campo um</label>
<input type="text" name="fieldOne" id="fieldOneId" value="" /><br/>
<label for="fieldTwo">Campo dois</label>
<input type="text" name="fieldTwo" id="fieldTwoId" value="" /><br/>
<input type="submit" value="Submit" />
</form>
$("#myFormId").validate({
rules: {
fieldOne: range: [0, 100],
fieldTwo:
range: function() {
var maxValue = ($("#fieldOneId", "#myFormId").val() == '')? 100: $("#fieldOneId", "#myFormId").val();
return [0, Math.min(maxValue, 100)];
}
}
});
Advanced jQuery Form validation (5): how to limit the value of an input field to another's (em inglês)
Validation de formulaire jQuery avancée (5) : comment limiter la valeur d'un champ de saisie à celle d'un autre (em francês)
Validación de formulario jQuery avanzado (5): cómo limitar el valor de un campo de entrada a la de otro (em espanhol)
Sem comentários:
Enviar um comentário