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>