On click of save button, onsubmit function is not called

Question

I have used the lightning:recordEditForm. On click of the save button, the onsubmit function is not called.

If the submit function is called on the button onclick, then the record gets saved, but the onsuccess function is not called.

Component:

    <lightning:recordEditForm aura:id="recordEditForm" 
        recordId="!v.selectedConfigId}" 
        objectApiName="Priority_Points_Settings__c"
        onsubmit="{!c.onEditRecordSubmit}"
        onsuccess="{!c.onRecordSuccess}">
        <lightning:messages />

        <div class="slds-col slds-size_1-of-2">
            <!-- lightning:inputField components here -->
        </div>                              
    </lightning:recordEditForm>
<lightning:button variant="brand" label="Save" type="submit"/>

Controller:

onEditRecordSubmit : function(component, event, helper) {
        event.preventDefault();
        component.find('recordEditForm').submit();
    },


onRecordSuccess : function(component, event, helper) {
        console.log('>>In success');
    }

Answer 1

Your issue here is because of the lightning:button being outside of lightning:recordEditForm.

You will need to place the button within the form so that the button is wired with the form and its handler functions onsubmit and onsuccess.

Your component should look like this:

<lightning:recordEditForm aura:id="recordEditForm" 
    recordId="!v.selectedConfigId}" 
    objectApiName="Priority_Points_Settings__c"
    onsubmit="{!c.onEditRecordSubmit}"
    onsuccess="{!c.onRecordSuccess}">
    <lightning:messages />

    <div class="slds-col slds-size_1-of-2">
        <!-- lightning:inputField components here -->
    </div>                              

    <!-- button has been moved within the form -->
    <lightning:button variant="brand" label="Save" type="submit"/>    
</lightning:recordEditForm>

Answer 2

I am not sure by this time you have found the solution for your issue or not. but for future reference'rs if any, might find helpful hence providing the solution.

In Your code the fields variable is missing . You are directly calling the form with form id but not providing the form fields values for submit function.

Try This:

onEditRecordSubmit : function(component, event, helper) {
event.preventDefault();
var fields = event.getParam("fields");
component.find('recordEditForm').submit(fields);
    }