Olá, estou começando a programar em jQuery. Já mexi um pouco mas não conheço tanto. Estou fazendo um código simples para verificação de campos em branco nos inputs de uma tela de login.
Este é o código:
$("#enter").on("click", function () {
if ($("#numeroSerie").val().trim() == "") {
$("#numeroSerie").val("");
}
if ($("#user").val().trim() == "") {
$("#user").val("");
}
if ($("#pass").val().trim() == "") {
$("#pass").val("");
}
});
Dados:
-enter é o botão de submit do login
-numeroSerie, user e pass são os inputs.
O código está funcionando ok, mas eu sinto que estou gastando muito código pra isso, sei que há um jeito mais simplificado, alguém aí poderia me dar uma moral pra aprender como fazer de uma maneira melhor e mais organizada?
Vou deixar um exemplo simples de código aí:
$(document).ready(function () {
$("#enter").on("click", function () {
if ($("#numeroSerie").val().trim() == "") {
$("#numeroSerie").val("");
}
if ($("#user").val().trim() == "") {
$("#user").val("");
}
if ($("#pass").val().trim() == "") {
$("#pass").val("");
}
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form method="POST">
Número de série: <input type="text" id="numeroSerie" required><br>
<br>Usuário: <input type="text" id="user" required><br>
<br>Senha: <input type="password" id="pass" required><br>
<br><input type="submit" id="enter">
</form>
Bom, simplificando, eu gostaria apenas de juntar a verificação desses três, em uma só.
Obrigado galera.