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'>

我试着看看插件的来源并修复它,但它超出了我的范围.captureSubmittingElement对我来说似乎很好.

有任何想法吗？

Answer 1

你应该用

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

在这里演示:http://jsbin.com/xabuzukehe/1/edit？html,output