正文
form.submit() not a function的元凶
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
今天晚上学习jquery form plugin时，在明白了该插件的用法时，
（1）该插件是将form的HTTP请求
改为AJax请求。
（2）支持像jQuery.ajax（options）一样
的options。
（3）可以处理mutilpart form data（文件上传）
（4）只能通过通过<input type='submit'>来激发异步表单提交的。
对此我有一个疑问：想看看使用其他的方式能否激发表单的异步提交？于是写了下面的一段代码:
<form id="form1" action="FormServlet.do" method="post">
<table><tbody>
<tr><th>用户</th><td><input name="username"/></td></tr>
<tr><th>密码</th><td><input name="password" type="password"/></td></tr>
</tbody>
<tfoot>
<tr><td colspan="2"><input type="button" id="submit" value="提交"/></td></tr>
</tfoot></table></form>
使用javascript代码提交：
$('#form1').ajaxForm({
success:function(data) {
console.log(data);
alert(data);
}
}); $("#submit").click(function() {
var form = document.getElementById("form1").submit();
});
然后在运行时，发现FireFox、360、IE8都报了同一个错误：form.submit() not a function。这就怪了，之前我就是这么用的，都没有出错。然后在W3School上搜索了一下（http://www.w3schools.com/jsref/met_form_submit.asp），发现确实javascript代码没有出错。这就纳闷了。然后，将<input id="submit">修改为
<input id="cc">，同时也修改了javascript代码，再次测试，没有报错。
这个测试说明了两个问题：
(1)<form>中要作为激发form提交的<input>的id不能是"submit";
(2) jquery form plugin 只能通过<input type="submit">来激发表单的提交。
