onclick vs. $ .post如何隔离按钮功能与提交？

Question

如果表单在不应提交时提交，我遇到此问题。这个表单是由一个按钮触发的，但是我点击了一个执行javascript数学计算的不同按钮......似乎onclick被解释为一个帖子？

如何隔离帖子，例如。除非我想提交，否则不提交帖子？

这是由不同按钮触发的php插入。

<script>

function submitBill() {
var $id = "";
var $name = $('#name-of-bill').val();
var $cost = $('#cost-of-bill').val();
var $date = $('#due-date-of-bill').val();
$.post("insert-bill.php", {
'id':$id,
'name':$name,
'cost':$cost,
'date':$date }).done(function( data ) {

});
}
</script>

这是上面插入的按钮

<button name="button-submit-new-bill" onclick="submitBill();">add bill</button>

这是我尝试触发的单独的javascript数学函数。

// calculate weekly wage
function calculate() {
var hrs = document.getElementById('hours').value;
if(hrs>40){
var otHrs = hrs-40;
var regPay = 40*12;
var otPay = otHrs*18;
var pay = (regPay+otPay)*0.82;

var payM = +(Math.round(pay + "e+2") + "e-2");

alert(payM);

}else{
var pay = hrs*12*0.82;
var payM =  +(Math.round(pay + "e+2") + "e-2");

alert(payM);

}
}

这是触发上面php插入的按钮。

<button name="calculate" onclick="calculate();">go</button>