return false не работает в модальном

Question

Как предотвратить изменение модальности при перезагрузке, если есть ошибка в входах?

function functionTest(){ 
    $('#modal').modal('show'); 
    $('#submitButton').click(function() { 
     $('.tee').each(function() { 
      var x = $(this).val(); 
      if(x.length == 0){ 
       alert("empty fields"); 
       return false; 
      } 

     });  
    }); 
} 

Answer 1

Вы возвращаете false только из цикла .each, а не из события click. Самый простой способ решить эту проблему, чтобы установить промежуточный флаг, цикл может обновлять, а затем возвращает значение флага:

function functionTest() { 
    $('#modal').modal('show'); 
    $('#submitButton').click(function() { 
    var retVal = true; //flag assumes everything's ok, to start with 
    $('.tee').each(function() { 
     var x = $(this).val(); 
     if(x.length == 0){ 
      alert("empty fields"); 
      retVal = false; //set flag false when we find a problem 
      return false; 
     } 
    });  

    return retVal; 
    }); 
}