JQuery убедитесь, что все поля формы заполнены

У меня есть простая форма, для которой я делаю проверку на стороне клиента. Чтобы проверить, ни одно из полей не должно быть пустым. Вот как я нахожусь на этом:

function validateForm() { $('.form-field').each(function() { if ( $(this).val() === '' ) { return false } else { return true; } }); } 

По какой-то причине моя функция всегда возвращает false, даже если все поля заполнены.

  • Как установить мою локальную переменную javascript как данные json на удаленном веб-сайте
  • Как получить доступ к объекту родительского окна с помощью jquery?
  • Разность цветов / сходство% между двумя значениями с JS
  • Аналитика на загрузочном модуле со значениями просмотров страниц и времени
  • Получение возраста автоматически, когда дается Дата рождения
  • Назначить обработчики кликов в цикле for
  • 3 Solutions collect form web for “JQuery убедитесь, что все поля формы заполнены”

    Вы не можете вернуть false из анонимной функции. Кроме того, если это сработало, вы вернете false, если ваше первое поле было пустым, true, если нет, и полностью игнорируйте остальные поля. Там может быть более элегантное решение, но вы можете сделать что-то вроде этого:

     function validateForm() { var isValid = true; $('.form-field').each(function() { if ( $(this).val() === '' ) isValid = false; }); return isValid; } 

    Другая рекомендация: это требует, чтобы вы украсили все поля своей формы этим классом formfield. Вы можете быть заинтересованы в фильтрации с помощью другого селектора, например $('form.validated-form input[type="text"]')

    EDIT Ах, я получил удар к удару, но мое объяснение все еще действует и, надеюсь, полезно.

    Вы возвращались из внутренней функции не из метода validate

    Пытаться

     function validateForm() { var valid = true; $('.form-field').each(function () { if ($(this).val() === '') { valid = false; return false; } }); return valid } 
     function validateForm() { var invalid= 0; $('.form-field').each(function () { if ($(this).val() == '') { invalid++; } }); if(invalid>0) return false; else return true; } 
    JavaScript делает сайт умным, красочным и простым использованием.