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

2019-12-24,,,,

复制代码 代码如下:
<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> 

您可能感兴趣的文章:

  • jQuery判断checkbox是否选中的小例子
  • jquery checkbox实现单选小例
  • jquery根据name属性查找的小例子
  • jquery实现简单易懂的图片展示小例子
  • jquery动态增加删除表格行的小例子
  • jQuery 获取浏览器所在的IP地址的小例子
  • jQuery自动切换/点击切换选项卡效果的小例子
  • jQuery点击弹出下拉菜单的小例子
  • Jquery时间验证和转换工具小例子
  • jQuery 常见小例汇总

《jQuery Form 页面表单提交的小例子.doc》

下载本文的Word格式文档,以方便收藏与打印。