0

Tenho dois campos do tipo texto, onde um é CEP e o outro é Endereço.

/no campo CEP eu uso a API de CEP, quando digito um CEP ele completa os outros campos com os resultados. Preciso de uma seguinte validação:

  • Fazer uma validação em 2 campos
  • SE O CAMPO CEP for VAZIO,
  • ENDEREÇO deve ser obrigátorio, SE NÃO,
  • CEP é OBRIGATÓRIO

Segue uma pequena imagem do meu formulário

inserir a descrição da imagem aqui

Alguém poderia me ajudar?

8
  • Conforme vai preenchendo as informações, ou no final através de um botão? Ou em ambas? 26/06/2017 às 17:39
  • @Everson tem um botão que fazer a validação no final do formulario 26/06/2017 às 17:48
  • @Renan ja tentei e não consegui fazer a validação 26/06/2017 às 17:49
  • Required obriga sempre a estar preenchido, por isso não pode ser utilizado para a mesma validação. 26/06/2017 às 17:54
  • 1
    Para ajudar na lógica: jsfiddle.net/pf1b7moa 26/06/2017 às 18:10

1 Resposta 1

0

Exemplo funcional, qualquer coisa poste nos comentários.

$(function(){
  $('input').on('focusout',function(){
    if(this.value === ''){
      $(this).css('border','1px solid red');
    }else{
      $(this).css('border','');
    }
  });
  
  $('input[type=button]').click(function(){
    $('input').each(function(){
      if(this.value === ''){
        alert('Campo vazio.');
        $(this).css('border','1px solid red');
        return false;
      }
    });
  });
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" value="" placeholder="CEP" name="cep" id="cep">
<input type="text" value="" placeholder="Endereço" name="endereco" id="endereco">
<input type="button" value="Salvar">

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .