Welcome to the third and last part of the Gravity Forms Front End Login / Register / Edit account series.
In this tutorial we’ll cover the edit account page setup. You can find the related tutorials at: 1st, 2nd.
Part 3 – creating a simple edit account page
Unlike previously the form we’re going to create will be slightly different. First we need to output some data on the form, which will use Gravity Forms dynamic population. This will be bound to the currently logged in user for which we’ll load the data.
Let’s go ahead and create it. We need the following fields:
- Email (with the email CSS class assigned, and dynamic population variable set to email)
- Old Password (with the old-pass CSS class assigned)
- New Password (with the new-pass CSS class assigned)
- Repeat Password (with the repeat-pass CSS class assigned)
- First Name (with the fname CSS class assigned, and dynamic population variable set to fname)
This form will let us change the associated email address, the password (for which we’ll need to provide a valid current password – safety precaution) and change our First Name.
Gform validation hooks
With all the fields filled we need to validate them before submitting the form. In our case this only applies to the old password, since all other fields need not be validate.
It’s worth nothing the comments added to the functions. We’re using a simple trick here – we’re assigning field validation to a specific form field and then comparing it’s value with a different form – which has a specific CSS class assigned to it!
Gform pre submission hook
Gfrom field value hooks
Now, we need to make sure, that the fields actually list the data provided by the user. Since we’re accessing a predefined values, there are already functions for doing so. Let’s make usage of the global variable $current_user.