Enforce min max value on focus or input

[xuannt4t]

How can I enforce a minimum and maximum value while typing in a vue-currency-input field?

I want the value to automatically reset to the min or max if the user types a number that exceeds the defined range.
The validation should happen in real time — not just on blur or form submission.

The valueRange works on blur, but I’d like to enforce the limit immediately while typing (when the input is still focused). Is there a recommended way to do this?

Version "vue-currency-input": "^3.2.1"

This is my current configuration:
const moneyConfig = { currency: "EUR", currencyDisplay: "hidden", locale: 'vi-VN', valueRange: { min: 0, max: 9999999999 }, precision: 0, hideCurrencySymbolOnFocus: false, hideGroupingSeparatorOnFocus: false, hideNegligibleDecimalDigitsOnFocus: false, autoDecimalDigits: false, useGrouping: true, accountingSign: true, distractionFree: false, }

[dm4t2]

This option (validateOnInput) formerly existed and was removed in Release 1.9.0 a long time ago. The problem was that you could not leave the value range (e.g., temporarily for corrections), and then you might be "trapped" in it, resulting in a poor user experience.