Skip to main content
2 de 2
Correções ortográficas
Sam
  • 80,8mil
  • 22
  • 73
  • 128

Como tornar um campo de texto obrigatório quando um dos radio buttons é selecionado?

Pretendo tornar o campo "Idsiliamb" obrigatório, apenas quando o radio button "Empresa" é selecionado, caso o campo "Particular" for selecionado não acontecerá nada.

De momento quando seleciono o radio button "Empresa" o campo de texto "Idsiliamb" fica cintilante, mas no entanto não apresenta a mensagem de erro e permite-me inserir mesmo estando vazio.

<form class="form-horizontal"  method="POST" action="index.php?cmd=addter2" > 
    

   <div class="form-group">
    <label class="control-label col-sm-4" for="Idsiliamb"> Idsiliamb </label>
    <div class="col-sm-6"> 
      <input type="text" class="form-control" id="Idsiliamb" placeholder="Digite o Idsiliamb" name="Idsiliamb" onclick="document.getElementById('Empresa').checked=true">
    </div>
  </div>
  
   <div class="form-group">
    <label class="control-label col-sm-4" for="Tipo"> Tipo  </label>
    <div class="form-group">
    <input type="radio" name="Tipo" id='radio_r' value="Empresa" onclick="document.getElementById('Idsiliamb').focus()" required>Empresa
    <input type="radio" name="Tipo" id='radio_p' value="Particular" >Particular
    </div>
 

  </div>
 

  
  <br>
  <div class="form-group"> 
    <div class="col-sm-offset-4 col-sm-6">
      <button type="submit" class="btn btn-default">Adicionar Terceiros </button>
    </div>
  </div>
</form>

<script>
    $('input[name="Tipo"]').change(function () {
        if($("#Empresa").is(':checked')) {
            $('#Idsiliamb').attr('required', true);
        } else {
            $('#Idsiliamb').removeAttr('required');
        }
    });
</script>  
<style>
#Idsiliamb[required] {
    background: #FFAAAA;
}
</style>