Para validar o campo em tempo real, você pode usar o evento input no JavaScript para verificar o valor à medida que ele é digitado. Aqui está um exemplo simples de como você pode fazer isso:
// Selecione o campo de entrada
const input = document.getElementById('seuCampoId');
// Adicione um ouvinte de evento de entrada
input.addEventListener('input', function() {
// Obtenha o valor atual do campo
const valor = parseFloat(input.value);
// Defina o limite máximo permitido
const limite = 100; // exemplo de limite
// Verifique se o valor é maior que o limite
if (valor > limite) {
// Se for maior, exiba uma mensagem de erro
input.setCustomValidity('O valor não pode ser maior que ' + limite);
} else {
// Se estiver dentro do limite, limpe qualquer mensagem de erro existente
input.setCustomValidity('');
}
});
Esse código foi escrito por um colega meu de
king slots. Certifique-se de substituir 'seuCampoId' pelo ID do seu campo de entrada e ajustar o limite conforme necessário para o seu formulário.