Javascript 表单提交未显示在Firebase中

我正在制作一个HTML表单，并试图将结果存储在firebase中。以下是我的Firebase布局图：

然而，当我提交表单时，条目不会进入Firebase，我不知道为什么。以下是我在index.HTML中的HTML代码：

请告诉我是什么问题。谢谢

通过将提交类型指定给按钮，您的表单将在触发Firebase推送方法之前提交

将“类型”更改为“按钮”并将单击事件附加到此按钮（如下所示）应该可以完成以下操作：

HTML 有关按钮类型的更多详细信息，请参见

另外，不要忘记将jquery代码包装在$document中。准备好了吗，请参见

通过将提交类型指定给按钮，您的表单将在触发Firebase推送方法之前提交

将“类型”更改为“按钮”并将单击事件附加到此按钮（如下所示）应该可以完成以下操作：

HTML 有关按钮类型的更多详细信息，请参见

---

另外，不要忘记将jquery代码包装在$document中。准备好了，请参见

注意，我的答案中有一个输入错误。提交；而不是提交；。请看UpdateEyes，我看到了，并删除了。它仍然不起作用没有错误，它只是没有出现在Firebase@RenaudSee更新中，带有then和catch。你能告诉我这些console.log？？index.js:13 Uncaught ReferenceError:firebase没有定义注意我的答案中有一个输入错误。提交；而不是提交；。请看UpdateEyes，我看到了，并删除了。它仍然不起作用没有错误，它只是没有出现在Firebase@RenaudSee更新中，带有then和catch。你能告诉我这些console.log？？index.js:13 Uncaught ReferenceError:firebase的输出是什么吗

<section id="input" class="section-padding wow fadeInUp delay-05s">
      <div class="container">
        <div class="row">
          <div class="col-md-12 text-center">
            <h2 class="service-title pad-bt15">Add a Marker</h2>
            <p class="sub-title pad-bt15">If you are in need of assistance, fill out the details below, and a marker will be<br>placed on the map for others to view and respond to.</p>
            <hr class="bottom-line">
          </div>
        </div>
      </div>
      <div class="contact-form">
        <div id="sendmessage">Your message has been sent. Thank you!</div>
        <div id="errormessage"></div>
        <form id="markerForm" method="post" role="form" class="contactForm">
          <div class="col-md-3"></div>
          <div class="col-md-3">
            <div class="form-group">
              <input type="text" name="name" class="form-control" id="name" placeholder="Your Name"  /> 
              <div class="validation"></div>
            </div>
          </div>
          <div class="col-md-3">
            <div class="form-group">
              <input type="email" class="form-control" name="email" id="email" placeholder="Your Email" />
              <div class="validation"></div>
            </div>
          </div>
          <div class="col-md-6 col-md-offset-3">
            <div class="form-group">
              <input type="text" class="form-control" name="address" id="address" placeholder="Address"  />
              <div class="validation"></div>
            </div>
          </div>
          <div class="col-md-6 col-md-offset-3">
            <div class="form-group">
              <input type="text" class="form-control" name="subject" id="subject" placeholder="Subject" />
              <div class="validation"></div>
            </div>
          </div>
          <div class="col-md-6 col-md-offset-3">
            <div class="form-group">
              <textarea class="form-control" id="message" name="message" rows="5" placeholder="Message"></textarea>
              <div class="validation"></div>
            </div>
            <center><button id="formbutton" type="submit" class="btn btn-primary btn-submit">SUBMIT</button></center>
          </div>
        </form>
      </div>
    </section>

<script src="https://www.gstatic.com/firebasejs/3.1.0/firebase.js"></script>
<script src="https://code.jquery.com/jquery-2.2.0.min.js"></script>

 <script src="index.js"></script>

var config = {
    // my config details
  };

  firebase.initializeApp(config);
  var ref = firebase.database().ref("markers");

  var submit = function () {
    var name = $("#name").val();
    var email = $("#email").val();
    var address = $("#address").val();
    var subject = $("#subject").val();
    var message = $("#message").val();
    ref.push({
      "name": name,
      "email": email,
      "address": address,
      "subject": subject,
      "message": message
    });
  };

  $(window).load(function () {
    $("#markerForm").submit(submit);
  });

<form id="markerForm" method="post" role="form" class="contactForm">
    //...     
    <center><button id="formbutton" type="button" class="btn btn-primary btn-submit">SUBMIT</button></center>
      </div>
</form>

firebase.initializeApp(config);
var ref = firebase.database().ref("markers");

  var submit = function () {
    var name = $("#name").val();
    var email = $("#email").val();
    var address = $("#address").val();
    var subject = $("#subject").val();
    var message = $("#message").val();
    ref.push({
      "name": name,
      "email": email,
      "address": address,
      "subject": subject,
      "message": message
    })
    .then(function(ref) {
      console.log(ref.parent + "/" + ref.key);
    })
    .catch(function(error) {
      console.log(error);
    })

  };

  $("#formbutton").click(function() {
    submit();
  });