Question

I got this code

 $(function(){
                   $('form.register input[type=text], .search input').ToggleInputValue();
                    $('#next').click(function() {
                        $('form.register input[type=text]').each(function(index) {
                            if(!$(this).hasClass('valid')){
                                $('.note').append('<p>Alla fält har inte blivit korrekt fylda</p>')
                                return false;
                            }
                        });
                      $('.register').submit();
                    });
                });

the thing is i dont want the form to get submited if there is any field that doesnt have the valid class, i thought return false would do it but it doesnt

Answer 1

As ipr101 has mentioned, return false does not exit the function. A more efficient method to achieve your results is shown below. Use :not(.valid) to check whether there’s any input element without class valid.

 $(function(){
   $('form.register input[type=text], .search input').ToggleInputValue();
    $('#next').click(function() {
        // If there's at least one element without class valid
        if($('form.register input[type=text]:not(.valid)').length > 0) {
           $('.note').append('<p>Alla fält har inte blivit korrekt fylda</p>')
        }
        else { //All elements are valid, submit
           $('.register').submit();
        }
    });
});