2个提交按钮的一种形式，一种来自JS，另一种来自PHP

Question

我正在使用Google Distance Matrix API计算距离，时间等。 我在一个表单中有2个按钮，第一个按钮是计算票价，第二个按钮是立即预订。

场景：用户填写表格，然后按计算票价，这将显示距离，并且所有信息（有效）在此之后，如果用户接受，他将单击立即预订按钮，这将插入预订。他们两个都可以工作，但又分开工作，因为它们的按钮类型相同，都为=“ submit”。

我尝试更改添加onClick（）的“计算票价”按钮类型，但还是没有运气。而且我对JS不好。我也是

计算票价代码：

// print results on submit the form
        $('#add-bookingid').submit(function(e){
            e.preventDefault();
            calculateDistance();
});

＃add-bookingid是我的表单的ID。如果有看到的话，有两件事。一种是e.preventDefault（）;这阻止了“立即预订”按钮的URL。和“ .submit”（指两个按钮）。 结果很简单。用户填写表格单击“计算票价”，其中显示了距离，然后“立即预订”将插入数据。

enter image description here