请问为什么不能触发ajaxSubmit？
<script type="text/javascript">
$(document).ready(function(){
$(".sjsq_a1").click(function(){
$('form').ajaxSubmit(function(){
alert("11");
});
});
});
</script>
html如下：
<script type="text/javascript" src="{$config_siteurl}statics/js/jquery.js"></script>
<script type="text/javascript" src="{$config_siteurl}statics/js/jquery.form.js"></script>
<form method="post" action="{:U('Index/post')}" id="form" name="form">
......
</form>
<a class="sjsq_a1" href="javascript:void(0);"> </a>如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（22）
我是想无刷新提交，普通方法会跳到别的页面。我想点a标签触发ajaxsubmit，怎么做呢
注册Ajax表单事件，请用ajaxForm，需绑定在form上，例如：
$('#form_id').ajaxForm({ url: '...', success: function() { ... } });如果点击一个按钮（或链接）来实现Ajax表单提交，请用ajaxSubmit，需绑定在按钮的click事件上，例如：
$('#button_id').click(function() { $('#form_id').ajaxSubmit({ url: '...', success: function() { ... } }); });注册Ajax表单事件，请用ajaxForm，需绑定在form上，例如：
$('#form_id').ajaxForm({ url: '...', success: function() { ... } });如果点击一个按钮（或链接）来实现Ajax表单提交，请用ajaxSubmit，需绑定在按钮的click事件上，例如：
$('#button_id').click(function() { $('#form_id').ajaxSubmit({ url: '...', success: function() { ... } }); });正解
可以了，谢谢您。原来是加载了3个不存在的js，去掉后，可以了，谢谢，你的方法正确
此外，请检查jQuery版本与jQuery Form版本是否匹配，按jQuery Form官方推荐，需要使用jQuery 1.5+。
建议使用Chrome控制台看看有没有Ajax请求发送出来？或者有没有脚本报错？
我在runjs测试过，你的代码没有问题，可以提交
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>RunJS 演示代码</title> <script id="jquery_183" type="text/javascript" class="library" src="/js/sandbox/jquery/jquery-1.8.3.min.js"></script> <script id="jqueryplugins2_jqueryform_282" type="text/javascript" class="library" src="/js/sandbox/jquery-plugins/jquery.form-2.82.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".sjsq_a1").click(function(){ $('form').ajaxSubmit({ success:function(res){ alert(res); } }); }); }); </script> </head> <body> <form method="post" action="" id="form" name="form"> ...... </form> <a class="sjsq_a1" href="javascript:void(0);"> </a> </body> </html>嗯是的 原因找到了。我加载了3个不存在的js文件，删除它们后，回归正常。。。
chrome 调试 f12看右下角
你就没看懂他的例子，他有个submit按键，用jquery修改了submit时的动作，而你呢，是想在a标签里面提交，直接给a绑个事件，读取下数据就行了，其实你这个不需要用from库的，用from库可能把问题复杂化
官方的例子，我的问题是将input提交按钮换成<a
class="sjsq_a1"
href="javascript:void(0);"> </a>怎么提交这个表单？
老大，教教我那个例子，如何单击class为sjsq_a1的元素，来用ajaxSubmit无刷新提交表单啊？
搞了一上午都不行0。0
回复
好像是参数写法有问题，你看看我贴的嗲吗
你那个报错了 $('#form').ajaxForm({ success: function(html) { ..... } });
回复
oschina 就在用，不可能报错，你随便找个 osc 的页面查看代码。另外 jquery.form 的版本跟 jquery 的版本经常不匹配，这个问题也要检查一下。建议看官方的版本
一般用 jquery.form 的做法是：
$('#form1').ajaxForm({ success: function(html) { ..... } });不需要外面那个什么 submit。如果你需要手工用JS提交表单，才是用 ajaxSubmit
回复
感觉你对 jquery.form 的用法没弄清楚，应该参考它官方的例子来做
官方的例子是有按钮的，我想单击一个div就能触发
回复
单击按钮提交表单，就直接是 submit 就可以了，不需要用到 jquery.form 这个插件
这方法都用乱套了，都已经 submit 了，还 ajaxSubmit 干嘛啊？