ajax表单提交插件jquery.form.js的运用

该插件提交的数据包含上传的图片。

1.先导入jquery.form.js

2.form表单的元素：

<form id="form2_form" method="post" target="_blank" action="{:U('admin/Content/doAddIndexNearby')}">

可以不要target，target是用来新打开窗口的提交方式。

 

按钮是submit形式，如果是button的话，就要点击出发form表单的提交。

 

js中的代码如下：

button形式：

 1 //提交

 2     $('.btn_submit').click(function(){

 3         var url = "{:U('admin/Content/doAddIndexNearby')}";

 4         $('#post_method').val('0');

 5         $('#form2_form').attr('action', url);

 6         $('#form2_form').submit();

 7     });

 8 

 9     $('.so_main #form2_form').submit(function(){

10         var $btnSubmit = $('.btn_submit');

11 

12         var post_method = $('#post_method').val();

13 

14         if (post_method == '1') {

15         } else {

16             $(this).ajaxSubmit({

17                 dataType: 'json',

18                 beforeSubmit: function() {

19                     var error = 0;

20                     error = checkForm(error);

21                     if (error > 0) {

22                         return false;

23                     }

24                     $btnSubmit.attr('disabled', 'disabled');

25                     return true;

26                 },

27                 success: function(data) {

28                     $btnSubmit.removeAttr('disabled');

29                     

30                     if (data.code == 0) {

31                         var url = '<?php echo U("admin/Content/ad", array("ad_index" => 1,"index_index" => 1)); ?>';

32                         window.location.href = url;

33                     } else {

34                         alert(data.message);

35                         return false;

36                     }

37                 }

38             });

39 

40             return false;

41         }

42     });

如果按钮是submit的话，就直接是$('.so_main #form2_form').submit(function(){这样。