実行時に数値の検証の最小値、最大値を変更できますか?
jQuery 検証プラグインを使用しています。
それがどのように機能するかを示すための私の単純化されたレイアウトと構造。最大範囲の値を変更すると、フィールド番号の最大範囲の検証も変更する必要があります。
jsFiddle: http://jsfiddle.net/nXqd/qC2Ya/3/
ありがとう
実行時に数値の検証の最小値、最大値を変更できますか?
jQuery 検証プラグインを使用しています。
それがどのように機能するかを示すための私の単純化されたレイアウトと構造。最大範囲の値を変更すると、フィールド番号の最大範囲の検証も変更する必要があります。
jsFiddle: http://jsfiddle.net/nXqd/qC2Ya/3/
ありがとう
別のSO投稿からのこの回答をガイドとして使用して、コードを変更してこれを機能させることができました。
// Bind initial rule;
bindRangeRule(1, 2);
$("input[name='change-range']").on("keyup", function() {
var value = $(this).val();
// add some validation here off course to ensure only numbers are accepted.
// You can do that by checking the event.keyCode values I believe.
// If an invalid value was specified you can throw an alert
// or simply clear the input field and return false. Or similar.
// re-bind range rule
bindRangeRule(1, parseInt(value));
});
function bindRangeRule(from, to) {
var settings = $('form').validate().settings;
delete settings.rules.number;
settings.rules.number = {
required: true,
range: [from, to]
}
};
更新されたデモ:http: //jsfiddle.net/techfoobar/qC2Ya/5/
これを行うには、検証ルールでオプションを指定min
しmax
ます。
例:
$("#myform").validate({
rules: {
field: {
required: true,
min: 13
}
}
});
APIドキュメント: