¿Cómo muestro una alerta si no se seleccionó ningún botón de radio de dos botones de radio y luego muestro una alerta en la opción de selección si no está seleccionada? pero estoy recibiendo una alerta en ambos botones de radio, ¿cómo lo soluciono?
$('#form_id').submit(function(el) { el.preventDefault(); let r = $('input[type=radio][name=name]').val(); if(r != 'inst' ){ alert('Please select radio') return false; }else if(r != 'hq'){ alert('Please select radio') return false; } if('0' === $('#select_id').val()){ alert('Please select option') return false; }else{ this.submit(); } }) <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <form id="form_id"> <input type="radio" name="name" id="r1" value="inst"> <input type="radio" name="name" id="r2" value="hq"> <select id="select_id" class=""> <option value="0">--select--</option> <option value="6">Advertisements</option> <option value="4">Another reason:</option> </select> <button type="submit" class="btn btn-primary">submit</button> </form>El problema es que, en su caso, las declaraciones 2 if con respecto a sus botones de radio siempre serán falsas para uno de los casos.
Así que hazlo así.
let r = $('input[type=radio][name=name]:checked').length; if (r == 0) { alert('Please select radio') return false; }Manifestación
$('#form_id').submit(function(el) { el.preventDefault(); let r = $('input[type=radio][name=name]:checked').length; if (r == 0) { alert('Please select radio') return false; } if ('0' === $('#select_id').val()) { alert('Please select option') return false; } this.submit(); }) <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <form id="form_id"> <input type="radio" name="name" id="r1" value="inst"> <input type="radio" name="name" id="r2" value="hq"> <select id="select_id" class=""> <option value="0">--select--</option> <option value="6">Advertisements</option> <option value="4">Another reason:</option> </select> <button type="submit" class="btn btn-primary">submit</button> </form>Prueba esto
$('#form_id').submit(function(el) { el.preventDefault(); let r = $(":radio:checked").val(); if(!r){ alert('Please select radio') return false; } if('0' === $('#select_id').val()){ alert('Please select option') return false; }else{ this.submit(); } })