[SalesForce] How to handle two form tags in visualforce page

I have 2 <apex:form> tag on Visualforce page. like below –

<apex:form id="form1">
-
-
-  Some input fields are here
-

</apex:form>

<apex:form id="form2">
    <apex:commandButton title="Save & Continue" value="Save & Continue" action="      
    {!saveApplication}" />
</apex:form>

Now my requirement is when i click on this form2's "Save & Continue"button then form1 should be submitted and controller's saveApplication function should be called.
I know in Java i can write a java script function and can call it on "Save & Continue" button's onClick event. like this –

function submitForms()
{
    document.form1.action = saveApplication.do;   
    document.form1.submit();
}

but how can i do it in salesforce?

Thanks in advance

Best Answer

Background: I am not sure if there is some other reason for wanting two form tags in your page your not describing in your question. However in Visualforce this is not required, in fact in the past it has caused performance issues with multiple viewstate being output to the page (though this has now been resolved). So I personally would avoid it unless you have good reason to use multiple form tags.

Answer: Basically you can have as many controller functions bound to as many commandButton's as you wish. Visualforce only requires that you have at least one apex:form around them all and it will handle invoking the correct controller function/action method for you. Also unless there is something in your requirements missing from your question, there is also no need for JavaScript to accomplish this.

A section of a Visualforce page that allows users to enter input and then submit it with an or . The body of the form determines the data that is displayed and the way it is processed. It's a best practice to verify that pages and custom components use at most one apex:form tag.

http://www.salesforce.com/us/developer/docs/pages/Content/pages_compref_form.htm

Hope this helps! :)

Related Solutions

[SalesForce] Best way to prevent form to be submitted more than once

This question have many relevant info.

Generally speaking most browser compatible would be the use of apex:actionStatus . Something like this.

<apex:actionStatus id="saveStatus">
<apex:facet name="stop">
    <apex:commandButton value="Save" action="{!save}" status="saveStatus" rerender="saveParentBlock" />
</apex:facet>
<apex:facet name="start">
    <apex:commandButton value="Saving..." disabled="true" status="saveStatus"/>
</apex:facet>
</apex:actionStatus>

But i personally prefer the use of javascript. This way.

function disableBtns(){
     $j('.btn').prop({className:'btnDisabled',disabled:'disabled'});
 }
 function enableBtns(){ 
     $j('.btnDisabled').removeProp('disabled');
     $j('.btnDisabled').prop('className','btn');
 }
<apex:actionFunction name="saveAndNew" action="{!saveAndNew}"/>
<input type="button" class="btn" value="{!$Label.SaveAndNew}" onclick="disableBtns();saveAndNew();" />

[SalesForce] Preventing default form submission and calling an action instead

You can use a simple javascript function to prevent a standard submitting the form with enter key and execute an apex:actionFunction instead:

<apex:form id="orderSearchForm" onkeyup="submitListener(event)">

<apex:actionFunction name="onFormSubmit" 
                     action="{!checkSalesOrderAccount}" 
                     reRender="SalesOrderLookup" />

<script>
function submitListener(e){
    var keynum = 0;
    if (window.event){
        keynum = window.event.keyCode;
    }
    else if (e.which){
        keynum = e.which;
    }

    // Here we check whether the Enter button was pressed
    if (keynum == 13){
        onFormSubmit();
    }
}
</script>

Best Answer

Related Solutions

[SalesForce] Best way to prevent form to be submitted more than once

[SalesForce] Preventing default form submission and calling an action instead

Related Topic