【问题标题】:Data from Web form is not being added to Firebase来自 Web 表单的数据未添加到 Firebase
【发布时间】:2019-04-10 13:52:35
【问题描述】:

我正在做一个简单的表单发送到我的 Firebase 数据库,但数据库似乎没有更新

只有 5 个 Var 时数据库正在更新

对代码进行双重检查后发现只有 5 个 var,但我需要所有这些字段

firebase 数据库处于测试模式

Javascript:

var RRText = document.getElementById("RRField");
var CustAccText = document.getElementById("customerAccountField");
var ShipperNameText = document.getElementById("shipperName");
var CollectionAddressText = document.getElementById("collectionAddress");
var ShipmentOrgText = document.getElementById("shipmentOrigin");
var ShipmentDestText = document.getElementById("shipmentDest");
var ShipmentweightText = document.getElementById("shptWeight");
var ShipmentPiecesText = document.getElementById("shptPieces");
var ShipmentDimensionsText = document.getElementById("shipmentDimensions");
var ShptStackText = document.getElementById("shptStack");
var ChooseDeskText = document.getElementById("ChooseDesk");
var CommentText = document.getElementById("commentField");

function ActionData()
{

    // setting up values from Text Fields
    var RRValue = RRText.value;
    var CustAccountValue = CustAccText.value;
    var ShipperNameValue = ShipperNameText.value;
    var CollectionAddressValues = CollectionAddressText.value;
    var ShipmentOriginValues = ShipmentOrgText.value;
    var ShipmentDestValues = ShipmentDestText.value;
    var ShipmentweightValues = ShipmentweightText.value;
    var ShipmentPiecesValues = ShipmentPiecesText.value;
    var ShipmentDimensionsValues = ShipmentDimensionsText.value;
    var ShptStackValues = ShptStackText.value;
    var ChooseDeskValues = ChooseDeskText.value;
    var CommentValues = CommentText.value;

    var FirebaseRef = firebase.database().ref("Requests").child(RRValue);

   FirebaseRef.child("Date").set(RRValue);
   FirebaseRef.child("RR").set(RRValue);
   FirebaseRef.child("Customer Account").set(CustAccountValue);
   FirebaseRef.child("Shipper Name").set(ShipperNameValue);
   FirebaseRef.child("Collection Address").set(CollectionAddressValues);
   FirebaseRef.child("Origin").set(ShipmentOriginValues);
   FirebaseRef.child("Destination").set(ShipmentDestValues);
   FirebaseRef.child("Weight").set(ShipmentweightValues);
   FirebaseRef.child("Pieces").set(ShipmentPiecesValues);
   FirebaseRef.child("Dimensions").set(ShipmentDimensionsValues);
   FirebaseRef.child("Stack").set(ShptStackValues);
   FirebaseRef.child("Desk").set(ChooseDeskValues);
   FirebaseRef.child("Comment").set(CommentValues);

}

HTML:

<div class="form-popup" id="myForm">
            <form action="" method="post" class="form-container" >

              <span id="close">x</span>

              <input name="RR" type="RRField" id="RRField" placeholder="RR Field" required>
              <p>Customer Details</p>
              <input onclick="sampleFunction()" type="number1" placeholder="Customer Account Number" name="customerAccountField" id="customerAccountField"required>
              <p>Shipper Details</p>
              <input type="number1" placeholder="Shipper Name" name="senderName" id="shipperName" required>
              <textarea name="collectionAddress" placeholder="Collection Address...?" id="collectionAddress"></textarea>
              <p>Shipment Details</p>
              <input type="text" placeholder="Enter Origin" name="shptOrigin" id="shipmentOrigin" required>
              <input type="text" placeholder="Enter Destination" name="shptDest" id="shipmentDest"required>
              <input type="number" placeholder="Enter Weight" name="shptWeight" id="shptWeight" required>
              <input type="number" placeholder="Enter Pieces" name="shptPieces" id="shptPieces" required>
              <input type="number1" placeholder="Enter Dimensions" name="shptDimensions" id="shipmentDimensions" required>
              <select id="soflow" placeholder="Choose Type" name="shptStack" id="shptStack" required>
                  <option value="Stackable">Stackable</option>
                  <option value="Nonstackable">Nonstackable</option>
                  </select>
              <select id="soflow" placeholder="Choose Desk" name="Desk" id="ChooseDesk" required>
                  <option value="KSA">KSA</option>
                  <option value="DHA">DHA</option>
                  <option value="RUH">RUH</option>
                  <option value="JED">JED</option>
                  </select>

              <p>Comment</p>
              <textarea name="comment" placeholder="Other Details...?" id="commentField"></textarea>
              <button id="submitBtn" onclick="ActionData()">Send Request</button>
            </form>
          </div>

需要将输入字段中键入的数据添加/更新到 firebase 数据库

【问题讨论】:

    标签: javascript html firebase firebase-realtime-database


    【解决方案1】:

    在最后两个“选择”中定义两个“id”,删除第一个

    【讨论】:

    • 两行都需要删除id="soflow"
    猜你喜欢
    • 2020-02-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-10-04
    • 1970-01-01
    • 1970-01-01
    • 2021-10-04
    • 2023-03-06
    相关资源
    最近更新 更多