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形式：

 //提交
     $('.btn_submit').click(function(){
         var url = "{:U('admin/Content/doAddIndexNearby')}";
         $('#post_method').val('');
         $('#form2_form').attr('action', url);
         $('#form2_form').submit();
     });

     $('.so_main #form2_form').submit(function(){
         var $btnSubmit = $('.btn_submit');

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

         if (post_method == '') {
         } else {
             $(this).ajaxSubmit({
                 dataType: 'json',
                 beforeSubmit: function() {
                     var error = ;
                     error = checkForm(error);
                     if (error > ) {
                         return false;
                     }
                     $btnSubmit.attr('disabled', 'disabled');
                     return true;
                 },
                 success: function(data) {
                     $btnSubmit.removeAttr('disabled');

                     if (data.code == ) {
                         var url = '<?php echo U("admin/Content/ad", array("ad_index" => 1,"index_index" => 1)); ?>';
                         window.location.href = url;
                     } else {
                         alert(data.message);
                         return false;
                     }
                 }
             });

             return false;
         }
     });

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