jQuery Form 页面表单提交的小例子


Posted in Javascript onNovember 15, 2013
<script type="text/javascript" src="${ctx}/js/jquery.form.js"></script>  
<script type="text/javascript">  
    //创建测试实例  
    function createInstance() {  
        var options = {  
            success : function(json) {  
                if (json.succ) {  
                    alert(json.info);  
                    window.parent.ymPrompt.doHandler("close", true);  
                }  
            }  
        };  
        $("#f1").ajaxSubmit(options);  
    }      //关闭按钮  
    function closeWindow() {  
        window.parent.ymPrompt.doHandler("close", true);  
    }  
</script> 

Form表单:

<form id="f1" name="f1" action="${ctx}/process/createInstance.do"  
            method="post">  
            <table style="width:100%; height:100%">  
                <tr>  
                    <td nowrap="nowrap" style="text-align:right;">测试名称:</td>  
                    <td><input type="text" name="name" value="${instance.name}"  
                        style="width:265px;" /><em class="em_user_manage">*</em>  
                    </td>  
                </tr>  
                <tr>  
                    <td nowrap="nowrap" style="text-align:right;">测试场景:</td>  
                    <td><input type="text" name="scene" style="width:265px;"  
                        value="${instance.scene}" /><em class="em_user_manage">*</em>  
                    </td>  
                </tr>  
                <tr>  
                    <td nowrap="nowrap" style="text-align:right;">测试目标:</td>  
                    <td><textarea type="text" name="goal" id="goal" cols="32"  
                            rows="7">${instance.goal}</textarea>  
                    </td>  
                </tr>  
                <tr>  
                    <td nowrap="nowrap" style="text-align:right;">测试说明:</td>  
                    <td><textarea type="text" name="description" id="description"  
                            cols="32" rows="7">${instance.description}</textarea>  
                    </td>  
                </tr>  
                <tr>  
                    <td colspan="2" align="center"><input type="hidden"  
                        name="extProcessDefinitionId"  
                        value="${instance.extProcessDefinitionId}" /><input type="hidden"  
                        name="signIn" value="${instance.signIn}" /><input type="hidden"  
                        name="definitionId" value="${instance.definitionId}" /><input  
                        type="button" value="确定" onclick="createInstance();" /><input  
                        type="button" value="取消" onclick="closeWindow();" /></td>  
                </tr>  
            </table>  
        </form> 
Javascript 相关文章推荐
js 判断checkbox是否选中的操作方法
Nov 09 Javascript
Javascript中的getUTCHours()方法使用详解
Jun 10 Javascript
JavaScript设置表单上传时文件个数的方法
Aug 11 Javascript
基于javascript简单实现对身份证校验
Jan 25 Javascript
教你如何终止JQUERY的$.AJAX请求
Feb 23 Javascript
简述Matlab中size()函数的用法
Mar 20 Javascript
JS中dom0级事件和dom2级事件的区别介绍
May 05 Javascript
微信JSSDK调用微信扫一扫功能的方法
Jul 25 Javascript
不到200行 JavaScript 代码实现富文本编辑器的方法
Jan 03 Javascript
详解微信小程序实现WebSocket心跳重连
Jul 31 Javascript
js实现前面自动补全位数的方法
Oct 10 Javascript
vue离开当前页面触发的函数代码
Sep 01 Javascript
js简单实现用户注册信息的校验代码
Nov 15 #Javascript
jquery slibings选取同级其他元素的实现代码
Nov 15 #Javascript
jquery实现手风琴效果实例代码
Nov 15 #Javascript
jquery中插件实现自动添加用户的具体代码
Nov 15 #Javascript
用jquery中插件dialog实现弹框效果实例代码
Nov 15 #Javascript
javascript禁制后退键(Backspace)实例代码
Nov 15 #Javascript
根据身份证号自动输出相关信息(籍贯,出身日期,性别)
Nov 15 #Javascript
You might like
分享一个超好用的php header下载函数
2014/01/31 PHP
PHP中echo和print的区别
2014/08/28 PHP
PHP实现文件下载断点续传详解
2014/10/15 PHP
php给每个段落添加空格的方法
2015/03/20 PHP
使用documentElement正确取得当前可见区域的大小
2014/07/25 Javascript
使用jQuery和Bootstrap实现多层、自适应模态窗口
2014/12/22 Javascript
jQuery实现切换字体大小的方法
2015/03/10 Javascript
理解Angular数据双向绑定
2016/01/10 Javascript
JavaScript获取服务器端时间的方法
2016/11/29 Javascript
jstree的简单实例
2016/12/01 Javascript
JS自定义函数实现时间戳转换成date的方法示例
2017/08/27 Javascript
基于js中的存储键值对以及注意事项介绍
2018/03/30 Javascript
vue-cli2.x项目优化之引入本地静态库文件的方法
2018/06/19 Javascript
详解nodejs解压版安装和配置(带有搭建前端项目脚手架)
2018/12/06 NodeJs
如何将百度地图包装成Vue的组件的方法步骤
2019/02/12 Javascript
在vue中实现echarts随窗体变化
2020/07/27 Javascript
Nuxt.js nuxt-link与router-link的区别说明
2020/11/06 Javascript
[46:02]DOTA2上海特级锦标赛D组资格赛#2 Liquid VS VP第二局
2016/02/28 DOTA
Python实现的Kmeans++算法实例
2014/04/26 Python
Python获取Windows或Linux主机名称通用函数分享
2014/11/22 Python
Python如何实现文本转语音
2016/08/08 Python
浅谈pytorch和Numpy的区别以及相互转换方法
2018/07/26 Python
对python创建及引用动态变量名的示例讲解
2018/11/10 Python
Django的models中on_delete参数详解
2019/07/16 Python
python如何实现数据的线性拟合
2019/07/19 Python
python 读取数据库并绘图的实例
2019/12/03 Python
python关于变量名的基础知识点
2020/03/03 Python
python使用隐式循环快速求和的实现示例
2020/09/11 Python
日本食品网上商店:JaponShop.com
2017/11/28 全球购物
贺卡寄语大全
2014/04/11 职场文书
大学生活动总结怎么写
2014/04/29 职场文书
2016年大学生实习单位评语
2015/12/01 职场文书
vue实现锚点定位功能
2021/06/29 Vue.js
Python面向对象编程之类的概念
2021/11/01 Python
Vue监视数据的原理详解
2022/02/24 Vue.js
Linux下搭建SFTP服务器的命令详解
2022/06/25 Servers