Double e-mail box in registration form

[tojag]

In my opinion this was a very good concept because people only once do the registration. It is not so difficult to enter the e-mail address twice than writing to admin "where is my activation e-mail?!"
It would be great for the admin to have the option to enable a single or double email address field
Regards

[tojag]

You could ask them.

I have an answer from the administrator of this forum atnel.... he bought this solution and does not know how it works.

[AmigoJack]

At least not in JavaScript.

[RMcGirr83]

How times change - back with 3.0 and before the registration always had a email address confirmation textbox, and some people ranted about how antiquated that concept was.

That is a 3.0 forum which would explain why the email verification is there.

[tojag]

Maybe it is 3.0. So, I need solution for doing something like this.

[Kailey]

You want it for just the registration screen? I might be able to make an extension (depends on events).

[Kailey]

For modern browsers you can use flexbox to reorder elements.

So, I got this to work except for tabindex (couldn't get the js to work). I tried setting tabindex to 3 but the registration screen still tabs to the confirm e-mail on tabindex 2. Any thoughts?

Edit: only works in Firefox - not IE, Chrome or Opera

Edit 2: I got the js to work (and it works in all browsers), but the registration screen now looks like the attached screenshot. Any idea how to "fix" it?

register.png

[AmigoJack]

Any idea how to "fix" it?

JS just gives you everything to create and reorder HTML elements, so I have no clue where your problem is to just add another DL with its DD and DT. However, since JS alone cannot add a localized caption of all installed board languages I won't even think about approaching it that way.

[Steve]

Hacked Jquery not very bueatiful but gives you a start:

Code: Select all

$(function() {
	var $form = $('#register');
	var new_dt = $('<dt><label for="email_confirm">'+ emailConfirmData.lConfirmEmail + '</label></dt><dd><input type="email" name="email_confirm" id="email_confirm" size="25" maxlength="100" value="' + emailConfirmData.confirmEmail + '" class="inputbox autowidth" title="' + emailConfirmData.lConfirmEmail + '" autocomplete="off" /></dd>');
	$form.find('input[type=email][id=email]').parents('dd').after(new_dt);
});

overall_footer_after.html:

Code: Select all

<script type="text/javascript">
	var emailConfirmData = {
		lConfirmEmail: '{LA_CONFIRM_EMAIL_ADDRESS}',//adds your lang variable to jquery
		confirmEmail: '{CONFIRM_EMAIL_ADDRESS}',//adds your template variable to jquery
	};
</script>

language:

Code: Select all

	'CONFIRM_EMAIL_ADDRESS'		=> 'Email Address Confirm:',

template assign var:

Code: Select all

'CONFIRM_EMAIL_ADDRESS'				=> $data['confirm_email_address'],

[Kailey]

Yup, got the extension working. Thanks!

[tojag]

Are You planning to share this?

[Kailey]

Are You planning to share this?

Eventually, looking into other options as well.

[Kailey]

Try this on for size. https://www.project-w.org/confirmemail.zip

You can see it in action here: https://dev.project-w.org

[RMcGirr83]

Code: Select all

if ($submit && !sizeof($error))

why not just add the error into the other error strings if there are any? Why wait for all other errors to clear first?

[Kailey]

So just this?

Code: Select all

if ($submit)