Pretendo tornar o campo "Idsiliamb" obrigatório, apenas quando o radio button "Empresa" é seleccionado, caso o campo "Particular" for seleccionado não acontecerá nada. De momento quando selecciono 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. <!-- language: lang-html --> <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> <!-- end snippet --> <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-js --> <script> $('input[name="Tipo"]').change(function () { if($("#Empresa").is(':checked')) { $('#Idsiliamb').attr('required', true); } else { $('#Idsiliamb').removeAttr('required'); } }); </script> <!-- language: lang-css --> <style> #Idsiliamb[required] { background: #FFAAAA; } </style> <!-- end snippet -->