Как отключить отправку формы до ее проверки?

Question

У меня есть форма, и я пытаюсь отключить ее публикацию, если радио не выбрано:

function checkForm(obj){
            var return_value = true;
            var error_msg = 'Some text: '+'\n';

            $("input[type='radio']:not(:checked)").each(function() {
                error_msg += $(this).next().text() + ", ";
            });

            if(!return_value)
                alert(error_msg);

            return return_value;
        }

Форма:

<form name="test1" method="post" action="result.php" onsubmit="return checkForm(this);">
    <span id="q2"><h4>My question</h4></span>

    <ul>

    <li><input type="radio" name="answer[2]" value="5" />a1</li>

    <li><input type="radio" name="answer[2]" value="6" />a2</li>

    <li><input type="radio" name="answer[2]" value="7" />a3</li>
    <li><input type="radio" name="answer[2]" value="8" />a4</li>
    </ul>
    </div>
    <div><input type="submit" value="Send!" name="submit" class="button" id="start" /></div>
</form>

Но оповещение не отображается и форма отправлена.

Answer 1

Вы должны установить return_value на false, если переключатели не отмечены, потому что начальное значение true.

Answer 2

вы можете попробовать это

$('form[name=test1]').submit(function(){                 
        var return_value = false;             
        var error_msg = 'Some text: '+'\n';  
         $("input[type='radio']").each(function() { 
             if ($(this).attr('checked')){
                 return_value = true; 

             } else {
                 error_msg += $(this).next().text() + ", "; 
             }
              });  

        if(!return_value)                 
                alert(error_msg);              

        return return_value;         
            } );

и в html удалить функцию отправки