要么不能提交（）; jQuery中的表单，或者无法检查输入字段是否已填写

Question

我无法提交以下表格。

对于背景，我试图“提交”送达表格，我需要知道a）他们的收货地址，b）他们的投递地址和c）他们的描述。 如果这些<input>为空，则创建了<p class="error">字段（如“请输入描述”中所述）。

如果我删除“ return false”； 该表单无论如何都提交，但是如果我保留“ return false”； jQuery可以正常工作（即-显示错误消息），但是现在从未提交过表单。 有什么想法吗？

这是我的main.js

var main = function() {
  $('form').submit(function() {
    var pickup = $('#pickup').val();

    if(pickup === "") {
      $('.pickup-error').text("Please choose a pickup.");
    }



    var dropoff = $('#dropoff').val();

    if(dropoff === "") {
      $('.dropoff-error').text("Please choose a dropoff.");
    }

    var description = $('#description').val();

    if(description === "") {
      $('.description-error').text("Please tell us a little about what we're moving.");
    }

      return false;
  });
};

$(document).ready(main);

Answer 1

   var main = function () {
        $('form').submit(function () {

            var pickup = $('#pickup').val();
            if (pickup === "") {
                $('.pickup-error').text("Please choose a pickup.");
            }

            var dropoff = $('#dropoff').val();
            if (dropoff === "") {
                $('.dropoff-error').text("Please choose a dropoff.");
            }

            var description = $('#description').val();
            if (description === "") {
                $('.description-error').text("Please tell us a little about what we're moving.");
            }

            // did not pass validation
            if (pickup != "" || dropoff != "" || description != "") {
                return false;
            }

            // passed validation, submit
            return true;
        });
    };

    $(document).ready(main);