給ajaxForm插件提交任何<button>點擊

Question

看看這個

http://jsbin.com/goyokir/edit?html,output

$(document).ready(function() { 
    $('#myForm').ajaxForm(function() { 
     alert("Form was submitted"); 
    }); 

    $('button').click(function(e){ 
    e.preventDefault(); //if removed, it acts as submit button 
    $('body').append('regular clicked!<br>'); 
    }); 
}); 

我的問題是，我的形式，它有一些<button>的，並點擊時，他們充當提交按鈕的一些奇怪的原因。我可以用preventDefault來解決這個問題，但另一個問題是，當你的注重輸入，然後按回車它觸發第一<button>發現，不是<input type='submit'>

我想看看plugin's source和修復它，但它超越了我。 captureSubmittingElement似乎對我來說很好。

任何想法？

Answer 1

每button內部的形式作爲默認提交按鈕

使用type="button"以防止button充當表單提交按鈕。

<button type="button">Regular &lt;Button&gt; 1</button><br> 
<button type="button">Regular &lt;Button&gt; 2</button><br> 
<input type="submit" value="Input Submit button" /> 

Answer 2

更改按鈕式按鍵，默認爲TYPE提交

<button type="button">Regular &lt;Button&gt; 1</button> 

Answer 3

您應該使用

<button type="button"></button>. 

這裏Demo'd：http://jsbin.com/xabuzukehe/1/edit?html,output