Tieni il modulo di selezione radio da inviare quando non è selezionato jquery

Come faccio ad avere questo non inviare quando nulla è controllato, ma poi averlo presentare quando viene controllato? Attualmente presenta entrambi i modi. Cosa mi manca qui? Segnala l’errore che desidero quando non è selezionato nulla “Verifica una delle opzioni sopra”, ma poi passa alla pagina di destinazione. Grazie per tutto l’aiuto!

$(document).ready(function () { $("#submitbutton").click(function () { var none_answered = true; $("input:radio").each(function () { var name = $(this).attr("name"); if ($("input:radio[name]:checked").length == 0) { none_answered = false; } }); if (none_answered == false) { $('#texthere').html("Please check one of the options above"); } }) });  #texthere { color:red; }   
Strategic Communication
Journalism
Communication Studies

Quando si desidera impedire il comportamento predefinito, utilizzare .preventDefault() . Ad esempio, nel tuo caso un modulo invia un evento, se vuoi convalidare gli input prima del post del modulo e interrompere l’invio del modulo in caso di errori, usa event.preventDefault ().

Prova questo:

 $(document).ready(function () { $("#submitbutton").click(function (e) { var none_answered = true; $("input:radio").each(function () { var name = $(this).attr("name"); if ($("input:radio[name]:checked").length == 0) { e.preventDefault(); none_answered = false; } }); if (none_answered == false) { $('#texthere').html("Please check one of the options above"); } }) }); 

DEMO