明日夜间读书jquery form plugin时,在通晓了该插件的用法时,

(1)该插件是将form的HTTP请求

改为AJax请求。

(2)支持像jQuery.ajax(options)一样

的options。

(3)能够处理mutilpart form data(文件上传)

(4)只好通过通过<input type=’submit’>来激励异步表单提交的。

 

对此我有一个疑难:想看看使用别的的法子是还是不是激发表单的异步提交?于是写了下边的一段代码:

jQuery 1jQuery 2

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代码提交:

jQuery 3jQuery 4

 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”>来振奋表单的付出。

相关文章

网站地图xml地图