jquery form表单提交成功，回调方法

先下载

jquery-form.js

[#assign security=JspTaglibs["http://www.springframework.org/security/tags"] /]
<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>用户解禁</title><meta name="keywords" content="用户解禁"><meta name="description" content="用户解禁"><link href="http://www.qbcdn.com/favicon.ico" rel="Shortcut Icon" />[#include "/console/include/resources.ftl" /]<script type="text/javascript">$(document).ready(function(){//表单验证$("#gagForm").validate({onfocusout: function(element){$(element).valid();}});});//提交表单<span style="font-size:18px;color:#ff0000;"><strong>function confirm(){var form = $("form[name=gagForm]");  var options  = {    url:'gagAccount.ct',    type:'post',    success:function(data)    {    //成功执行的方法$bbs.common.dialog.showMessageGag(data.content); }    };    form.ajaxSubmit(options); } </strong></span>function cancel(url){$bbs.gag.ungag.cancel(url);}</script></head><body class="fixed-navigation" style=" min-width: 1200px;background: #e7e8eb;"><!-- start 头部 -->[#include "/console/include/header.ftl" /]<!-- end 头部--><!--  中间部分 --><div id="body" class="body page_setting index"><div  id="js_container_box" class="container_box cell_layout side_l"><!-- start  导航 -->[#include "/console/include/nav.ftl" /]<!-- end 导航--><!--start 主体部分 --><div class="col_main"><!-- 主体头部 --><div class="main_hd"><h2>用户解禁</h2></div><!-- 主体头部 --><!-- 主体body部分 --><div class="main_hd" style="margin-top: -30px;"><form <span style="font-size:18px;color:#ff0000;">name="gagForm" </span>id="gagForm" action="gagAccount.ct" method="post"><input type="hidden" name="optionType" id="optionType" value="UNGAG"/><input type="hidden" name="returnUrl" id="returnUrl" value="${returnUrl}"/><input type="hidden" id="forumId"  name="forumId" value="${forumId}"><div class="container" style="margin-left: 10%;"><div class="form"><a>输入要解禁用户的Key</a><div style="margin-left:10px;"><input  class="required text" type="text"  autocomplete="off" placeholder="支持用户ID" name="ids" value="${ids}" [#if ids??]readonly="true"[/#if]></div></div><div class="form"><div class="form_btn" style="margin-top: -10px;margin-left: 10px;"><button class="btn_primary confirm" type="button" οnclick="confirm();">确定                           </button><button id="cancelButton" class="btn_primary cancel" style="margin-left: 10px;" type="button"  οnclick="cancel('${returnUrl}');">取消                           </button></div></div></div></form></div><!-- 主体body部分 --></div><!--start 主体部分 --></div></div>[#include "/console/include/footer.ftl" /]
</body>
</html>

jquery form表单提交成功，回调方法相关推荐

表单ajax提交插件,jQuery Form 表单提交插件-----ajaxSubmit() 的应用
Form Plugin API 里提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程. 测试环境:部署到Tomcat中的web项目. 一.ajaxSubmit() 介绍立即通过AJA ...
Form表单提交成功，但是后台并没有处理数据且debug无效
今天碰到一个情况,有一个form表单(用ww标签),表单内容是一个实体类的注册信息,点击提交后,发现没有效果,但是前端debugger后,居然ajxa跳转进入success中,居然是成功,但是返回的数 ...
jQuery Form 表单提交插件-----ajaxSubmit() 的应用
Form Plugin API 里提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程. 测试环境:部署到Tomcat中的web项目. 一.ajaxSubmit() 介绍立即通过AJ ...
extjs中form表单提交成功、失败的响应信息
类Ext.form.Action.Submit 处理表单Form数据和返回的response对象的类. 该类的实例仅在表单Form{@link Ext.form.BasicForm#submit 提交 ...
解决Form表单提交文件后台获取为null的情况
项目想做一个上传文件的功能模块,但是发现后台获取文件始终为null,而且在form表单上也配置好了需要的action属性.method属性和enctype="multipart/form-d ...
html form提交前验证,form表单提交前验证实现方法
form表单提交前验证实现方法2017-11-26 20:54 form表单提交是网站中最常见的,基本上所有的网站都会用到. 除非你就一些静态网页,仅仅是展示,而不需要互动,所以不需要提交表单. 但是 ...
vue 添加完数据后刷新页面_vue form 表单提交后刷新页面的方法
最近做的项目中,有增删改表格功能,在操作后需要实时更新页面数据.下面可以这样解决. 1.在methods中定义好一个初始化渲染实例. 例如 lnitializationData(){//初始化页面数 ...
python中前后端通信方法Ajax和ORM映射（form表单提交）
后端从数据库获取数据给到前端: 第一种方式: admin.py文件代码: @admin.route('/showList') def show():# 获取数据库所有文章数据,得到一个个对象res=A ...
form表单提交后提示成功信息
jsp中的写法: <iframe id="registerIframe" name="registerIframe" src="" s ...

jquery form表单提交成功，回调方法

jquery form表单提交成功，回调方法相关推荐

最新文章

热门文章