Eu tenho um formulário com apenas dois campos e gostaria de saber como posso adicionar as seguintes condicionais:
- Não poder deixar os dois campos vazios - somente um -
- Não poder preencher ambos os campos - somente um -
Abaixo tentei um modo de desabilitar o input caso alguma dessas condições seja desrespeitada, porém meu código não funciona até certo ponto, ele não deixa submeter caso ambos estejam vazios, PORÉM ele deixa os dois serem preenchidos, mas o bizarro é que se eu envio os dois e depois retorno com os campos preenchidos anteriormente AÍ é que ele reconhece a função e não habilita os dois. Agradeço a qualquer ajuda da comunidade desde de já! Abaixo segue o meu código:
<p class="h4 mb-4">Pesquisar Equipamento</p>
<label for="validationCustom01">Certificado</label>
<input type="text" id="certi" name="certificado" class="form-control mb-4" placeholder="Certificado">
<p class="h6 mb-5">Ou</p>
<!-- Número de Série -->
<label for="validationCustom02">Número de Série</label>
<input type="text" name="chave" class="form-control mb-4" placeholder="Série Equipamento">
<div class="d-flex justify-content-around">
</div>
<!-- Botão subtmit form -->
<button class="btn btn-primary btn-block my-4" disabled="disabled" id="submit" type="submit">Pesquisar</button>
</form>
Agora vem o javascript que eu estava utilizando:
<script>
$(document).ready(function() {
$('#elessar').keyup(function() {
if($('#certi').val() == "" && $('#chave').val() == "") {
$("#submit").attr("disabled", true);
}
else if(!$('#certi').val() == null && !$('#chave').val() == null){
$("#submit").attr("disabled", true);
}
else {
$("#submit").attr("disabled", false);
}
});
});
</script>