LunarShaman
-
Total de itens
1 -
Registro em
-
Última visita
Tudo que LunarShaman postou
-
Validar campo antes de clicar no botão enviar
pergunta respondeu ao JonasFloripa de LunarShaman em Repositório de scripts - Java
Para validar o campo enquanto o usuário digita e antes de passar para o próximo campo, você pode usar o evento input para verificar o valor e exibir uma mensagem de erro se necessário. Aqui está um exemplo de como você pode fazer isso: <!DOCTYPE html> <html> <head> <title>Validação de Quilometragem</title> </head> <body> <form> <label for="quilometragem">Quilometragem do Veículo:</label> <input type="number" id="quilometragem" name="quilometragem" oninput="validarQuilometragem()" required> <span id="erroQuilometragem" style="color: red;"></span> <br><br> <label for="outroCampo">Outro Campo:</label> <input type="text" id="outroCampo" name="outroCampo"> <br><br> <input type="submit" value="Enviar"> </form> <script> function validarQuilometragem() { var inputQuilometragem = document.getElementById("quilometragem"); var erroQuilometragem = document.getElementById("erroQuilometragem"); var quilometragem = inputQuilometragem.value; // Limite permitido var limite = 100000; if (quilometragem > limite) { erroQuilometragem.textContent = "A quilometragem não pode ser superior a " + limite; inputQuilometragem.setCustomValidity("A quilometragem não pode ser superior a " + limite); } else { erroQuilometragem.textContent = ""; inputQuilometragem.setCustomValidity(""); } } </script> </body> </html> Neste código de exemplo escrito pelo meu amigo com king slots, a função validateMileage é chamada sempre que o usuário insere algo no campo de milhagem. Ela verifica se o valor inserido excede o limite válido (nesse caso, 100.000) e exibe uma mensagem de erro se isso acontecer. Se o valor for válido, a mensagem de erro será excluída.