zoukankan      html  css  js  c++  java
  • 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(){这样。

  • 相关阅读:
    基于fis的前端模块化和工程化方案
    网页中font-family的属性解析
    centos 基础环境配置
    golang的各种数据格式的互相转换
    golang 的编译安装以及supervisord部署
    ip地址库选择
    golang中使用mongodb的操作类以及如何封装
    golang中使用mongodb
    golang使用sqlite
    centos 安装nginx
  • 原文地址:https://www.cnblogs.com/xingmeng/p/3412109.html
Copyright © 2011-2022 走看看