为了账号安全,请及时绑定邮箱和手机立即绑定

input type="submit"改成input type="button"后无法提交表单数据

做了一个注册表单,form的id="reg",提交按钮用的是<input type="button" name="sub_but" id="sub_but" />
然后js代码里,$(‘#sub_but’).click(function(){
                               $('#reg').submit(function(){
                                  $(this).ajaxSubmit({
                                  url:'add.php',
                                  type:'POST',
                                  success:function(){
                                  alert('提交成功!');
                                       },
                                     });
                                  return false;
                                 });
                         });
为什么用input type="button"就不能提交表单数据呢?
这里用到了jQuey的jquery.form.js里的ajaxSubmit()方法。

正在回答

6 回答

因为你的按钮type="submit",系统会默认把表单数据提交到后台,你如果改成type="button",点击提交按钮就不起作用了,因为系统没有默认button提交数据,这时就要给button绑定click事件了,$("#btnSubmit").bind("click",function(){
$("form").ajaxForm({
url:"http://www.imooc.com/data/form_f.php";
target:".tip";
});
})

3 回复 有任何疑惑可以回复我~

应该是你的js代码写错了,你尝试将alert(1)放在 不同的行 测试下,看看这个方法能不能执行完,什么地方不能弹出。success:function{}后面有个逗号,是不是这个问题。。

0 回复 有任何疑惑可以回复我~

我嘞个去,我搜下看看

0 回复 有任何疑惑可以回复我~

抱歉,我说错了,你这个是可以的。只不过把button中的name="sub_but"改成id="sub_but"就行了。。。

0 回复 有任何疑惑可以回复我~

也就是说submit()方法是对input type="submit"形式的按钮才有效是吗?

0 回复 有任何疑惑可以回复我~

$('#reg').submit(function(){   如果没了submit,这个里面的submit特有的动作(submit动作)怎么触发?

0 回复 有任何疑惑可以回复我~
#1

nobhill 提问者

也就是说submit()方法是对input type="submit"形式的按钮才有效是吗?
2015-08-13 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
jQuery基础课程
  • 参与学习       154768    人
  • 解答问题       7184    个

加入课程学习,有效提高前端开发速度

进入课程

input type="submit"改成input type="button"后无法提交表单数据

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信