javascript - 要么无法提交()； jQuery 中的表单，或无法检查输入字段是否已填写

Question

我在提交以下表单时遇到问题。

作为背景，我正在尝试“提交”一份送货表格，我需要知道 a) 他们的取货地址，b) 他们的投递地址，以及 c) 他们的描述。我创建了<p class="error">字段如果 <input> s 为空(如“请输入描述”)。

如果我删除“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);