jQueryのボタンは、フォームが

Question

The following script enables users to prompt a value into the input field of a form: 

    <script> 
    $(document).ready(function(){ 
    $("button").click(function(){ 
     $('input[name="fine"]').val(computeEndTime($('input[name="ini"]').val())); 
    }); 
    function computeEndTime(ini){ 
     var parts = ini.split(/[:,\s\.]+/).map(Number); 
     var hourstart = parseInt(parts.shift()); 
     var minutestart = parseInt(parts.shift()); 
     var totalm = (hourstart * 60) + minutestart + 100; 
     var minutes = totalm%60; 
     var hours = (totalm - minutes)/60; 
     return hours + ":" + minutes; 
    } 
}); 
</script> 

HTMLフォームがこれですを提出トリガー（最初のもの+ 100分）。

私が午前問題は、ボタン<button>が押されたとき、また、他のフォームのボタンがトリガーされる提出することで、ユーザーはがすぐにページ next.phpにリダイレクトされます。

は、どのように私はこれを回避し、送信ボタンを押して、ユーザが必要とすることができますか？

Answer 1

変更ボタン

<button type="button">100</button> 

にデフォルトはtype="submit"あるので、それがフォームを送信を行う必要があります。

Answer 2

これはトリック

$("button").click(function(e){ 
    $('input[name="fine"]').val(computeEndTime($('input[name="ini"]').val())); 
    e.preventDefault(); 
});