表单在 Jquery 中经过一段时间后不会提交到 Firebase 数据库



>我有一个表单,我需要在 6 秒后自动提交到 Firebase 数据库,但是当时间达到警报时会出现警报,但表单的数据没有提交。但是当我手动单击按钮时,数据入数据库

formHtml.php:

<script src="application.js"></script>
<div class="container">
<form role="form" id="recommendationForm">
<div class="form-group float-label-control">
<input type="text" name="id" id="id" value="1" class="form-control" 
placeholder="User Id" disabled>
</div> 
<div class="form-group float-label-control">
<input type="text" name="" class="form-control" id="Fieldlatitude" 
placeholder="Latitude" disabled>
</div>
<div class="form-group float-label-control"> 
<!-- <label for="">Password</label> -->
<input type="text"  name="" class="form-control" id="FieldLongitude"  placeholder="Longitude" disabled>
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form>
</div>

应用.js:

firebase.initializeApp(config);
// Reference to the recommendations object in your Firebase database
var coordinates = firebase.database().ref("coordinates");
// Save a new recommendation to the database, using the input in the form
var submitCoordinates = function () {
// Get input values from each of the form elements
var id = $("#id").val();
var latitude = $("#Fieldlatitude").val();
var longitude = $("#FieldLongitude").val();
// Push a new recommendation to the database using those values
coordinates.push({
"id": id,
"latitude": latitude,
"longitude": longitude
});
};
function myFunction() {
$("#recommendationForm").submit(submitCoordinates);
};
window.setInterval(function(){
/// call your function here
myFunction();
alert("form data submited");
}, 6000);  // Save data after 6 seconds

我删除了myFunction((,我用window.setInterval(function(){替换了var submitCoordinates = function (( {(,它按照我的意愿工作

// Reference to the recommendations object in your Firebase database
var coordinates = firebase.database().ref("coordinates");
window.setInterval(function(){
// Save a new recommendation to the database, using the input in the form
// var submitCoordinates = function () {
// Get input values from each of the form elements
var id = $("#id").val();
var latitude = $("#Fieldlatitude").val();
var longitude = $("#FieldLongitude").val();
Push a new recommendation to the database using those values
coordinates.push({
"id": id,
"latitude": latitude,
"longitude": longitude
});
$("#recommendationForm").submit();
}, 0, 6000);

最新更新