Forage validates an EBT Element’s input as a customer types. To notify customers of errors, listen for errors on the change event.
Examples
Listen for input changes on a balance check element and display a message if there’s a validation error
ebtBalanceCheckElement.on('change', (event) => {
const explainErrorSpan = document.getElementById('explain-error')
if (event.error) {
// show validation error to customer
explainErrorSpan.textContent = event.error.message
} else {
// hide validation error
explainErrorSpan.textContent = ''
}
})
(React-oriented) Listen for input changes and display a message if there’s a validation error
ebtBalanceCheckElement.on('change', (event) => {
if (event.error) {
// show validation error to customer
setValidationMessage(event.error.message)
} else {
// hide validation error
setValidationMessage('')
}
})