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

时间:2017-03-10 08:27:26

标签: javascript php jquery forms codeigniter

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

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

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

    [TestMethod]
    public void TestCase2()
    {
        int N = 100;
        Tuple<int, int>[] pairs =
@"0 11
2 4
2 95
3 48
4 85
4 95
5 67
5 83
5 42
6 76
9 31
9 22
9 55
10 61
10 38
11 96
11 41
12 60
12 69
14 80
14 99
14 46
15 42
15 75
16 87
16 71
18 99
18 44
19 26
19 59
19 60
20 89
21 69
22 96
22 60
23 88
24 73
27 29
30 32
31 62
32 71
33 43
33 47
35 51
35 75
37 89
37 95
38 83
39 53
41 84
42 76
44 85
45 47
46 65
47 49
47 94
50 55
51 99
53 99
56 78
66 99
71 78
73 98
76 88
78 97
80 90
83 95
85 92
88 99
88 94"
        .Split('\n')
        .Select(line =>
        {
            int[] twofer = line.Split(' ').Select(s => int.Parse(s)).ToArray();
            return Tuple.Create(twofer[0], twofer[1]);
        })
        .ToArray();
        Assert.AreEqual(3984, PoliticallyCorrectPairs(N, pairs));
    }

以下是我的表单操作:

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

这是我的功能:

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

请建议我如何在其onClick功能中提交包含数据的表单。感谢..

2 个答案:

答案 0 :(得分: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
})

答案 1 :(得分:0)

您可以使用此代码

 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

});

});