要么不能提交（）; 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);