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

【问题标题】：Is it posiible to use onClick function on my form submit button?是否可以在我的表单提交按钮上使用 onClick 功能？
【发布时间】：2017-07-31 12:24:50
【问题描述】：

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

所以我使用 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;
        }
    });
   }

}

请建议我如何在他们的 onClick 函数中提交包含数据的表单。谢谢..

【问题讨论】：

标签： javascript php jquery forms codeigniter

【解决方案1】：

不确定您是否使用form，如果您正在使用它，您可以使用onsubmit 处理程序并返回操作。在这种情况下，您将不需要按钮中的onclick 处理程序

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

你也可以这样做

$('#form').on('submit',function(e){
 e.preventDefault();
 // rest of the code
})

【讨论】：

【解决方案2】：

你可以使用这个代码

 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

});

});

【讨论】：