JQuery возвращают ложные, не останавливая запрос от запуска

Question

У меня есть следующий код:

else if($page == 'two'){ 
     $('[name^=q1\\[\\]] option:selected').each(function() { 
      if ($(this).val() < 1) { 
       $('#rq1').addClass('hovered_error'); 
       $('#mandall').css("background-color","#901F39"); 
       $('#mandall').css("color","#FFF"); 
       return false; 
      } 
     }); 
    } 

Что должно произойти, если .val меньше 1 - он должен добавить класс, изменить CSS от ID # mandall, а затем остановите запрос.

Что на самом деле происходит, так это то, что он добавляет класс и изменяет css #mandall, а затем продолжает отправлять форму - когда это не должно - чего мне не хватает?

Answer 1

Когда вы вызываете return false; изнутри цикла .each(), вы фактически просто вырываете из .each.

Чтобы остановить отправку формы, необходимо позвонить return false; где-то за пределами вашего .each.

var doSubmit = true; 
$('[name^=q1\\[\\]] option:selected').each(function() { 
     if ($(this).val() < 1) { 
      doSubmit = false; 
      return false; 
     } 
}); 
if(!doSubmit) return false; 

Answer 2

Это потому, что вы возвращаете значение из метода обратного вызова (each), которая не приведет к возврату из метода вызывающего абонента (ваш отправить обратный вызов).

else if($page == 'two'){ 
    var valid = true; 
    $('[name^=q1\\[\\]] option:selected').each(function() { 
     if ($(this).val() < 1) { 
      $('#rq1').addClass('hovered_error'); 
      $('#mandall').css("background-color","#901F39"); 
      $('#mandall').css("color","#FFF"); 
      valid = false; 
      return false; 
     } 
    }); 
    if(!valid){ 
     returnf false; 
    } 
}