快捷導(dǎo)航

jQuery Form 頁(yè)面表單提交的小例子

更新時(shí)間：2013年11月15日 15:41:59 作者：

這篇文章主要介紹了jQuery Form 頁(yè)面表單提交的小例子，有需要的朋友可以參考一下

<script type="text/javascript" src="${ctx}/js/jquery.form.js"></script>  
<script type="text/javascript">  
    //創(chuàng)建測(cè)試實(shí)例  
    function createInstance() {  
        var options = {  
            success : function(json) {  
                if (json.succ) {  
                    alert(json.info);  
                    window.parent.ymPrompt.doHandler("close", true);  
                }  
            }  
        };  
        $("#f1").ajaxSubmit(options);  
    }  

    //關(guān)閉按鈕  
    function closeWindow() {  
        window.parent.ymPrompt.doHandler("close", true);  
    }  
</script>  

Form表單:

復(fù)制代碼代碼如下:

<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;">測(cè)試名稱:</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;">測(cè)試場(chǎng)景:</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;">測(cè)試目標(biāo):</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;">測(cè)試說(shuō)明:</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>  