在jquery中使用$("#form").submit() 重写提交表单时不起作用

问题：

最近使用 jquery 的 validationEngine 做ajax校验，当表单中的最后一个字段需要做ajax验证时，此时在字段输入完毕后点击回车提交表单时不起作用，必须再按一次/点击submit按钮。

 

分析：

通过个跟踪其源代码，最终发现ajax验证成功后也再次submit了表单，但还是不能真正提交表单。

 

原因：

很诡异，因为我的提交表单按钮名字是submit。改掉就好了。

<input id="submit" type="submit" class="btn pull-left" value="登录">

评论

11 楼 cainiao1923 2016-04-29  

京东 也用 Jquery-validation?

10 楼 jinnianshilongnian 2014-02-20  

coderliang2018 写道

习惯和命名很重要， 我一般写id 都为：submitId 加个Id后缀。

是的

9 楼 coderliang2018 2014-02-20  

习惯和命名很重要， 我一般写id 都为：submitId 加个Id后缀。

8 楼 sungang_1120 2014-01-09  

是条件查询的时候 用的from表单，问题谢谢了，不能直接用document.froms[0].submit()

$("#FromId").submit(); 就可以了。

7 楼 jinnianshilongnian 2014-01-09  

sungang_1120 写道

document.forms[0].submit();

我这种 提交为什么不行啊  好像验证不通过还是通过了，我使用的Ajax提交的 
$("#serachFrom").validationEngine({
//代表一次仅 提示一条信息
maxErrorsPerField:1,
//是否是异步
ajaxFormValidation: true,
ajaxFormValidationMethod : "post",
onAjaxFormComplete: ajaxValidationCallback,
onBeforeAjaxFormValidation: beforeCall
});

这种。

直接点击条件查询 subimt类型的 可以

但是我分页  点击下一页的时候  就不行了  通过js的submit()方法  不行

你的分页怎么还会提交表单呢？

6 楼 sungang_1120 2014-01-09  

document.forms[0].submit();

我这种 提交为什么不行啊  好像验证不通过还是通过了，我使用的Ajax提交的 
$("#serachFrom").validationEngine({
//代表一次仅 提示一条信息
maxErrorsPerField:1,
//是否是异步
ajaxFormValidation: true,
ajaxFormValidationMethod : "post",
onAjaxFormComplete: ajaxValidationCallback,
onBeforeAjaxFormValidation: beforeCall
});

这种。

直接点击条件查询 subimt类型的 可以

但是我分页  点击下一页的时候  就不行了  通过js的submit()方法  不行

5 楼 leobluewing 2013-06-10  

记得这个好像是jquery的一个bug？

4 楼 jinnianshilongnian 2013-03-28  

zhoujin3 写道

我在提交form的时候，如果使用了kindeditor做可视化，input 的type=button就不能提交，必须改成type=submit，不知道为啥

1、button 然后调用js提交的？ 如果不是默认就是这样啊

3 楼 zhoujin3 2013-03-28  

我在提交form的时候，如果使用了kindeditor做可视化，input 的type=button就不能提交，必须改成type=submit，不知道为啥

2 楼 jinnianshilongnian 2013-03-25  

zhangyaochun 写道

有一个笔误： jqeury     呵呵

已改 谢谢

1 楼 zhangyaochun 2013-03-25  

有一个笔误： jqeury     呵呵