我正在制作一個 HTML 表單并嘗試將結果存儲在 firebase 中。這是我的 Firebase 布局的圖片：但是，當我提交表單時，條目不會進入 Firebase，我不知道為什么。這是我的 HTML 代碼index.html：<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>請讓我知道問題是什么。謝謝
1 回答
慕尼黑5688855
TA貢獻1848條經驗 獲得超2個贊
submit通過為按鈕分配類型，您的表單將在push()觸發 Firebase 方法之前提交。
將類型更改為button并將click事件附加到此按鈕，如下所示，應該可以解決問題：
超文本標記語言
<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>
JS（索引.js）
var config = { // 我的配置詳細信息 };
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();
? });
- 1 回答
- 0 關注
- 107 瀏覽
添加回答
舉報
0/150
提交
取消