javascript - ajaxForm 插件在点击任何 <button> 时提交

标签 javascript jquery ajax ajaxform

看看这个

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似乎对我来说还好。

有什么想法吗?

最佳答案

你应该使用

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

此处演示:http://jsbin.com/xabuzukehe/1/edit?html,output

关于javascript - ajaxForm 插件在点击任何 <button> 时提交,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36789477/

相关文章:

javascript - jQuery ul li 切换菜单

javascript - 创建和调用 jQuery 插件

javascript - OnSelect 日期选择器不起作用

javascript - 使用jquery ajax调用nodejs获取json数据

javascript - 如何滑动整个网页?

javascript游戏(3行)行检查逻辑

javascript待办事项列表不向待办事项列表添加新条目

ajax - Ajax在现代网站中的作用和范围。找到合适的平衡

Javascript 函数和 this

javascript - Angular ionic 真实简单 Controller 不工作