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中使用&quot;with&quot;语句中跨frame的变量引用问题
Mar 08 Javascript
jquery中常用的SET和GET$(”#msg”).html循环介绍
Oct 09 Javascript
js统计页面的来访次数实现代码
May 09 Javascript
JS+CSS实现的蓝色table选项卡效果
Oct 08 Javascript
谈谈jQuery Ajax用法详解
Nov 27 Javascript
Node.js + Redis Sorted Set实现任务队列
Sep 19 Javascript
js-FCC算法-No repeats please字符串的全排列(详解)
May 02 Javascript
vue+vux实现移动端文件上传样式
Jul 28 Javascript
Vue keep-alive实践总结(推荐)
Aug 31 Javascript
vue删除html内容的标签样式实例
Sep 13 Javascript
JS中比Switch...Case更优雅的多条件判断写法
Sep 05 Javascript
AngularJS实现多级下拉框
Mar 25 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
PHP5.0对象模型探索之抽象方法和抽象类
2006/09/05 PHP
10个可以简化php开发过程的MySQL工具
2010/04/11 PHP
PHP进程同步代码实例
2015/02/12 PHP
php实现在限定区域里自动调整字体大小的类实例
2015/04/02 PHP
php设计模式之单例模式用法经典示例分析
2019/09/20 PHP
javascript中的变量是传值还是传址的?
2010/04/19 Javascript
js实时监听文本框状态的方法
2011/04/26 Javascript
nodejs win7下安装方法
2012/05/24 NodeJs
js 控制下拉菜单刷新的方法
2013/03/03 Javascript
JavaScript—window对象使用示例
2013/12/09 Javascript
jquery常用操作小结
2014/07/21 Javascript
javascript学习笔记(五)原型和原型链详解
2014/10/08 Javascript
JSONP之我见
2015/03/24 Javascript
关于backbone url请求中参数带有中文存入数据库是乱码的快速解决办法
2016/06/13 Javascript
React.js中常用的ES6写法总结(推荐)
2017/05/09 Javascript
node错误处理与日志记录的实现
2018/12/24 Javascript
jquery更改元素属性attr()方法操作示例
2020/05/22 jQuery
如何利用nodejs自动定时发送邮件提醒(超实用)
2020/12/01 NodeJs
[04:26]2014DOTA2西雅图国际邀请赛 总决赛TOPPLAY
2014/07/22 DOTA
[00:10]DOTA2全国高校联赛 以DOTA2会友
2018/05/30 DOTA
Python实现分割文件及合并文件的方法
2015/07/10 Python
Python中用post、get方式提交数据的方法示例
2017/09/22 Python
python 简单备份文件脚本v1.0的实例
2017/11/06 Python
selenium+python自动化测试之页面元素定位
2019/01/23 Python
Python两个字典键同值相加的几种方法
2019/03/05 Python
深入浅析python 协程与go协程的区别
2019/05/09 Python
TensorFlow加载模型时出错的解决方式
2020/02/06 Python
Jeep牧马人、切诺基和自由人零配件:4 Wheel Drive Hardware
2017/07/02 全球购物
五一家具促销方案
2014/01/10 职场文书
骨干教师培训制度
2014/01/13 职场文书
冰淇淋店的创业计划书
2014/02/07 职场文书
低碳环保倡议书
2014/04/14 职场文书
幼儿园小班见习报告
2014/10/31 职场文书
复活读书笔记
2015/06/29 职场文书
python 如何在 Matplotlib 中绘制垂直线
2021/04/02 Python
Java 实战项目之家居购物商城系统详解流程
2021/11/11 Java/Android