Javascript 是否可以在我的表单提交按钮上使用onClick功能？

我将多个数据存储在一个表中以供查询。。已成功存储在我的表中。但现在我还想在预订基础上存储这些相同的数据

所以我使用onClick函数来存储查询数据。现在我想从表单提交按钮将预订数据存储在表中

这是我的表单提交按钮代码：

<button type="submit" class="booking-btn" onclick="btn_booking_hour();" id="btn_booking_hour">Book Now</button>

立即预订

这是我的行动表：

<?php echo form_open('booking/'.$product->id); ?>

这里是我的功能：

function btn_booking_hour()
    { 

    var date = $('#datehour').val();
    var renter_id = $("#ownerid").val();
    var guests_quantity = $('#no_of_guests').val();
    var property_id = $('#property_id').val(); 
    var selectedIds="";
    var selectedObject = document.getElementsByClassName('hour_slots_available slot_activated');
    for(var i=0;i<selectedObject.length;i++)
      selectedIds+=selectedObject[i].id+",";

    if(selectedIds == ""){

        alert("Please select Hour-Slot(s) before Booking");
    }
    else{

        $.ajax({

    type: 'POST',
    dataType:'json',
    url:baseURL+'site/rentals/ajaxhourshow',

    data:{'selectedHours':selectedIds,'property_id':property_id,'date':date,'guests_quantity':guests_quantity,'renter_id':renter_id},

    success: function(responce){

        var myJSON = JSON.stringify(responce);
        var packet = $.parseJSON(myJSON);

        var  prd_id=packet.property_id;
        var hour_slots=packet.hour_slots;
        window.location.href = baseURL+'booking/'+prd_id;
        }
    });
   }

}

功能btn\u预订时间（）
{ 
var date=$（'#datehour'）.val（）；
var renter_id=$（“#ownerid”）.val（）；
var guests_quantity=$（'no_of_guests'）.val（）；
var property_id=$（'#property_id'）.val（）；
var selectedds=“”；
var selectedObject=document.getElementsByClassName（'hour\u slots\u available slot\u activated'）；
对于（var i=0；i不确定您是否正在使用
表单
，如果您正在使用它，您可以使用
onsubmit
处理程序并返回操作。在这种情况下，您不需要单击按钮中的
onclick
处理程序

<form onsubmit = "return btn_booking_hour()">
  // Rest of code
</form>

您可以使用此代码

 function btn_booking_hour(){
// your other code
 document.getElementById('formid').submit();
// formid = form id
 }

或者也可以使用jquery

function btn_booking_hour(){
// your other code
 $('#formid').submit();
// formid = form id
 }

我明白你的意思，所以你也可以用它

$(function() {
//hang on event of form with id=myform
$("#myform").submit(function(e) {

    //prevent Default functionality
    e.preventDefault();

    rest of your code

});

});

$(function() {
//hang on event of form with id=myform
$("#myform").submit(function(e) {

    //prevent Default functionality
    e.preventDefault();

    rest of your code

});

});