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

前端技术 2023/09/08 JavaScript

复制代码 代码如下:

<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> 

本文地址:https://www.stayed.cn/item/21262

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。