zoukankan      html  css  js  c++  java
  • 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'>来激发异步表单提交的。

    对此我有一个疑问:想看看使用其他的方式能否激发表单的异步提交?于是写了下面的一段代码:

    1 <form id="form1" action="FormServlet.do" method="post">
    2 <table><tbody>
    3 <tr><th>用户</th><td><input name="username"/></td></tr>
    4 <tr><th>密码</th><td><input name="password" type="password"/></td></tr>
    5 </tbody>
    6 <tfoot>
    7 <tr><td colspan="2"><input type="button" id="submit" value="提交"/></td></tr>
    8 </tfoot></table></form>
    View Code

     使用javascript代码提交:

     1 $('#form1').ajaxForm({
     2             success:function(data) { 
     3                 console.log(data);
     4                 alert(data);
     5             }
     6         });
     7      
     8      
     9     $("#submit").click(function() {
    10         var form = document.getElementById("form1").submit();
    11     });
    View Code

    然后在运行时,发现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">来激发表单的提交。

  • 相关阅读:
    Python 命令详解
    redhat 6 / centos 6 搭建Django环境
    Linux rsync 命令详解
    Python 文件处理
    [网络流24题]最长不下降子序列问题
    [网络流24题]圆桌问题
    BZOJ 4675(点分治)
    LOJ 2183 / SDOI2015 序列统计 (DP+矩阵快速幂)
    BZOJ 3931 (网络流+最短路)
    [网络流24题]魔术球问题
  • 原文地址:https://www.cnblogs.com/f1194361820/p/3256338.html
Copyright © 2011-2022 走看看