我在cloud firestor中創建了一個數據庫，所以現在我想通過輸入字段向其中添加一些信息，當輸入字段為空信息時存儲問題并且catch函數不起作用，我該如何修復它，并進行catch功能工作。這是代碼：HTML：<div class="container">           <input  type="text" placeholder="Enter the country" id="country-field"  required>          <p class="selectPar">Enter City</p>          <input type="text" placeholder="Enter the city" id="city-field" required>          <p class="selectPar">Enter the place name</p>          <input type="text" placeholder="Enter the place name" id="placename-field" required>          <p class="selectPar">Enter Address</p>          <input type="text" placeholder="Enter the address" id="address-field" required>          </div>        </div>        <div id="btnFrmAlignSec">          <button id="btnFrm" type="button" onclick="AddToDataBase()">Send to admin</button>        </div>JavaScript函數添加到數據庫（）{  var inputCountry = document.getElementById("country-field").value;  var inputCity = document.getElementById("city-field").value;  var inputAddress = document.getElementById("address-field").value;  var inputNameofPlace = document.getElementById("placename-field").value;  // Add a new document in collection "cities"   db.collection("UsersShare").doc().set({    name:inputNameofPlace,    city:inputCity,    country:inputCountry,    address:inputAddress,  })  .then(function() {    console.log("Document successfully written!");    document.getElementById("reply").style.display="inline";    })  .catch(function(error) {    console.error("Error writing document: ", error);  });}