JQuery Form page small example of Form submission


<script type="text/javascript" src="${ctx}/js/jquery.form.js"></script
<script type="text/javascript"
    //Create a test instance & NBSP;
    function createInstance() { 
        var options =
            success : function(json) { 
                if (json.succ) { 
                    alert(json.info); 
                    window.parent.ymPrompt.doHandler("close", true); 
                } 
            } 
        }; 
        $("#f1").ajaxSubmit(options); 
    } 

    //Close button & NBSP;
    function closeWindow() { 
        window.parent.ymPrompt.doHandler("close", true); 
    } 
</script

Form 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;"> Test the name :</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;"> Test scenarios :</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;"> Test objectives :</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;"> The test shows that :</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=" determine " onclick="createInstance();" /><input 
                        type="button" value=" cancel " onclick="closeWindow();" /></td
                </tr
            </table
        </form