Pressing Enter & Clicking the 'Next' button

Can you show us the page in question?

https://www.inhouserecruitment.co.uk/register/

Oh, which plugin are you using for this form? Or is this part of your theme?

Part of the theme, I was not the one who created this page I am just trying to make little updates.

First install this plugin to allow you to make JavaScript modifications: https://www.ads-software.com/plugins/custom-css-js/

Then in the “Edit JS Code” section of that plugin;
Select from the options in the right hand side;
– “External file”;
– “Footer”
– “In Frontend”

And add this code:

var $ = jQuery,
    context = $('#register-page'),
    submitButton = context.find('#signup_submit'),
    extraFields = context.find('#extra-fields'),
    extraFieldsTrigger = context.find('#show_extra_fields');

// If the additional fields are hidden
if (extraFields.is(':hidden')) {
    // Disable the submit button
    submitButton.attr('disabled', 'disabled');
}

// If the Next button has been pressed
extraFieldsTrigger.on('click', function() {
    // Enable the submit button
    submitButton.removeAttr('disabled');
});

Where do I find where it say ‘Edit JS Code’

See https://www.ads-software.com/plugins/custom-css-js/screenshots/

Thank you very much for your help but I am still not sure on what to do would it be okay if I gave you log in access and you took a look at this yourself?

Unfortunately that’s not allowed. Take your time, I won’t disappear.

I have no codes on there so do I just add a new JS code?

Yes that’s right

Do I do anything else before pressing publish?

Nothing other than making sure the options on the right-hand side are set as:
– “External file”;
– “Footer”
– “In Frontend”

It is still not working when I click enter it does not load the next part the same as when I click next?