如果条件没有通过则断开功能

Question

我有这个代码

 $(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();
                    });
                });

事情是我不希望表单得到提交如果有任何字段没有有效的类,我认为返回false会这样做但它不会

Answer 1

正如ipr101所提到的,return false不退出该功能.实现结果的更有效方法如下所示.使用:not(.valid)检查是否有不类中的任何输入元素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();
        }
    });
});