How to create registration page

Hi there,

Sorry, I'm probably a bit slow...I've had a look at a lot of pages on the forum. There are what I would call "snippets" of information on how to create a registration page....but no real definitive guide.

Is there a tutorial somewhere that can step us through the process?

Some questions about it....

* Can I create mmy forum within chronoforms and use the mambot?
* How do I get the two password fields to check they are the same or does the plugin do that?
* What text gets sent out when you want them to activate the link?
* Do you deactivate registration in the config as one person seemed to suggest?

Cheers,

Phil

Hi Phil,

Use the Joomla Registration Plugin to link a ChronoForms form to the Joomla Registration. In the basic form this just replicates the Joomla Reg code in CF.

The password fields aren't checked but you can use the validation tab to do that - there's been a recent thread on getting this validation working.

The text is default Joomla but you can over-ride it by hacking the plugin. You may need to create copy of the User language file for ChronoForms.

Probably you'll only want members registerign in one place - not sure if you need to deactivate registration to do this, maybe just hide the other forms.

Bob

Hi,

The password fields aren't checked but you can use the validation tab to do that - there's been a recent thread on getting this validation working.

The most accurate thread I could find on comparing the two passwords was one where you'd mentioned you weren't sure, but offered suggestions. I can't get it to work. Any idea what thread you were meaning?

Probably you'll only want members registerign in one place - not sure if you need to deactivate registration to do this, maybe just hide the other forms.

Not sure what you mean? As in hiding the ability to register in the forum etc? I was just going to hack any registration files..probably jus the login module.

Phil

PS...Bob, you may recall you're helping me with an issue where a drop-down login box appears when it shouldn't on a contact form. Well, in testing this registration page, the login box is satying hidden as it should...meaning one of the settings in the other form is the issue. Just trying to figure out what!

Hi Phil,

The most recent thread on comparing two fields is here - there are two different methods suggested, I thin either should work OK.

Bob

Hi there and thanks, I have to confess that other link has my head spinning a bit. I think I've got it, but just have the feeling I've missed something.

Step 1
-------
In my form HTML, I've got the following....

<p><strong>Password</strong> *<br /> 
<input class="required" name="password1" type="password" value="" size="50"></p><BR/><BR/>
<p><strong>Verify Password</strong> *<br /> 
  <input class="required validate-the_same_value" name="password2" title="password2" type="password" value="" size="50">

Step 2
--------
open mooValidation.js under components/com_chronocontact/js/

after this line :

Validation.addAllThese([

add :

['validate-the_same_value', 
  'The passwords you have entered do not match.', 
  function (v,elm) {
    return !Validation.get('IsEmpty').test(v) 
    || ((elm.value == $(elm.getProperty('title')).value)? true : false )
  }],

There are some changes there based on what everyone was saying in that other thread, but I still don't think it's right...or how it knows what fields to check?

Cheers,

Phil

Hi Phil,

All that looks good from a quick scan - but I gather that it's still not working.

I'll take a look at the code a bit later today.

Bob

Thanks, the more I look at it, the more I can't see anything in the form code (like a variable) that is mirrored in the javascript...so I'm missing something, as there is no way for the javascript to know what to check.

Phil

OK, I thought I would post where I am at, as I've fixed a couple of mistakes in my code I think.

My form looks like this....

<p><strong>Password</strong> *<br /> 
             <input class="validate-the-same-value" name="password1" title="password1" type="password" value="" size="50">
    </p><BR/><BR/>
<p><strong>Verify Password</strong> *<br /> 
  <input class="validate-the-same-value" name="password2" title="password2" type="password" value="" size="50">
    
</p>

And in the mooValidations.js file, I currently have....

['validate-the-same-value', 'Matching passwords are required.', function(v,elm) {
			return !Validation.get('IsEmpty').test(v)
			;
			}],

Now you might say that this is doing no comparison...and you'd be right. I took the advice in the other thread and wanted to make sure some checking was happening. So the code above produces a warning if either password field is empty.

It's when I add in this...

|| ((elm.value == $(elm.getProperty('title')).value)? true : false ) 

..that the entire checking stops....it doesn't check to see if the password fields are empty any more and it doesn't check if they are the same.

Phil

Hi Phil,

I spent an hour or so on this earlier today - with no success. It needs someone with better JavaScript skills than me to look at it.

I was trying the example validator from Andrew Tetlaw's site - he has password confirmation working on the demo page - but the same code (as far as I can tell) fails in ChronoForms.

Bob

I really appreciate the effort...but if you're stumped, there's no hope I'll figure it out😟😟

I have no idea!

Cheers, Phil

Hi Phil,

I see you have your HTML coded wrong!! if you checked the main post again you will see that your code should be like this :

    <p><strong>Password</strong> *<br />
                 <input name="password1" title="password1" type="password" value="" size="50">
        </p><BR/><BR/>
    <p><strong>Verify Password</strong> *<br />
      <input class="validate-the_same-_value" name="password2" title="password1" type="password" value="" size="50">
       
    </p>

let me know

Cheers

Max

Hi, sorry I never got notified of this, so my apologies for the delay in responding. Still no luck I am afraid. I tired the changes you have made and I note that the validation doesn't seem to check either if the password fields are empty, not of the passwords match...although in the case of the latter, I did get a 500 "password don't match" error page coming up.

To confirm my code. The form HTML is now....

<p><strong>Name </strong>*<br />
             <input type="text" class="required" name="from_name2" size="50"  value="" />
</p><BR/><BR/>
               <p><strong>Username</strong> (to be displayed) *<br />
             <input type="text" class="required" name="from_username2" size="50"  value="" />
    </p><BR/><BR/>
           <p><strong>Email Address</strong> * <br />
             <input type="text" class="required validate-email"  name="from_email2" size="50"  value="" />
    </p><BR/><BR/>
           <p><strong>Password</strong> *<br />
                 <input name="password1" title="password1" type="password" value="" size="50">
        </p><BR/><BR/>
    <p><strong>Verify Password</strong> *<br />
      <input class="validate-the_same-_value" name="password2" title="password1" type="password" value="" size="50">
       
    </p>
    <BR/><BR/>
    <p>

<b>By the act of registering, you agree to abide by the <a href='http://www.nziphone.com/forum-rules-and-guidelines.html'>Forum Rules and Guidelines</a> for NZiPhone.com</b><BR/>
<BR/>
</p>
    <h3 style="color:#FF0000">Note - This registration page is a test page that should resolve other issues. If the page fails to work, please use the Contact form to report the issue. Many thanks for your patience.</h3>

	<BR/><BR/><p> </p>
	<p><em>For security, please type in the code you see here...which is CaSe senSiTive !</em></p>
	<p><?php if(!$my->id){ ?>  
{imageverification}
<?php } ?>
</p><p>
             <input type="reset" name="reset"  value="Reset" />
                 
             <input type="submit" name="doit2" id="doit2"  value="Submit Form" />
           </p>
           <p> </p>
           <p>* = Required </p>
	

And the code in the mooValdation.js is....

	['validate-the_same-_value', 'Matching passwords are required.', function(v,elm) {
			return !Validation.get('IsEmpty').test(v) || ((elm.value == $(elm.getProperty('title')).value)? true : false )
			;
			}],

Cheers,

Phil

Hi phil,

I'm sorry, I think I copied a wrong post, the code should be like this actually :

<p><strong>Password</strong> *<br />
                 <input name="password1" id="password1" title="password1" type="password" value="" size="50">
        </p><BR/><BR/>
    <p><strong>Verify Password</strong> *<br />
      <input class="validate-the_same_value" name="password2" title="password1" type="password" value="" size="50">
       
    </p>

and :

 ['validate-the_same_value', 'Matching passwords are required.', function(v,elm) {
         return !Validation.get('IsEmpty').test(v) || ((elm.value == $(elm.getProperty('title')).value)? true : false )
         ;
         }],

Hi Phil,

I just put your code in a new form and it doesn't work for me either :-(

Bob

Hi Bob,

Yes, I just corrected the code!😉

Hi,

First, I'm not getting any notifications from the forum....just thought I would mention it as I know you changed servers. Second..again, thanks for all this help.

I tried the script and this time I was able to submit a form with no passwords at all (both fields blank) and this took me to a page on my site that had the comment "REG_COMPLETE_ACTIVATE". The account I registered received an email that said "Account details for" and nothing else. The email said "SEND_MSG_ACTIVATE". So lots of blanks, but the process kinda worked (except allowed blank password fields) as the user account was created in Joomla.

Trying to register with mismatching password, I again got an error page that said "500 - PASSWORD DO NOT MATCH."

Phil

Hi Phil,

Max changed the forum as well as the server and thread subscriptions didn't get carried over. If you scroll down to the bottom of the thread you'll see a 'Subscribe topic' link which shoudl allow you to re-subscribe to this link.

[attachment=1]03-08-2008 15-25-21.png[/attachment]

When you create a new post or edit the old one there is an Options Tab below the edit window where you can ask to be notified about replies.

To be automatically subscribed you need to go to the User Control Panel and set Notification On.

[attachment=0]03-08-2008 15-29-48.png[/attachment]

The cryptic messages that you are getting are because the User module language files are not loaded if the user isn't logged in - which you aren't at this stage. I tend to copy the defines into the beginning of my form code but the more elegant way is to make a copy of the language file and add it to the ChronOfomrs component. I'll remind myself how to do this and re-post it here.

Bob

Hi, I am subscribed and set to be notified....just not getting anything (see attached images) and have checked GMail spam filters and nothing is turning up there either.

'll remind myself how to do this and re-post it here.

Thank, as you've got me confused....but given the fact that it's all not working, what language comes through is less of a worry for me at the moment than just getting the thing working. This one has me stumped completely.

Phil

Hi Phil,

Did you see that Max amended the code in his last post here?

Bob

Yep, I think I have it the same. I have...

<p><strong>Password</strong> *<br />
                 <input name="password1" id="password1" title="password1" type="password" value="" size="50">
        </p><BR/><BR/>
    <p><strong>Verify Password</strong> *<br />
      <input class="validate-the_same_value" name="password2" title="password1" type="password" value="" size="50">
       
    </p>

And...

['validate-the_same_value', 'Matching passwords are required.', function(v,elm) { return !Validation.get('IsEmpty').test(v) || ((elm.value == $(elm.getProperty('title')).value)? true : false );}],	

Phil

Hi phil,

I cant find why it doesn't work then, I never tested this but at the other post it has been reported that it worked, so until I test this myself I can't comment any more, do you get any JS errors on page ?

Cheers

Max

I'll have a look at home tonight (just leaving work)....but Bob has also been in touch and said it was OK for me to email him my form backup and the js file, which I did.

And the good news..by unsubscribing and re-subscribing this morning....I got notified of this post!! 😀 😀

Phil

As far as I can tell I'm not getting any javascript errors, although I'm not quite sure how I am meant to know?

Cheers, Phil

use Internet Explorer to view the page, you can see at the bottom left ?

Hi Phil,

Just to say that I got your email and will take a look as soon as I can - it's been a bit of a madhouse here this week - back to tranquillity shortly I hope.

Bob

use Internet Explorer to view the page, you can see at the bottom left ?

Hi, I'm on a Mac, but fired up windows and IE didn't report any errors that I could see anywhere.

Phil

The cryptic messages that you are getting are because the User module language files are not loaded if the user isn't logged in - which you aren't at this stage. I tend to copy the defines into the beginning of my form code but the more elegant way is to make a copy of the language file and add it to the ChronoForms component. I'll remind myself how to do this and re-post it here.

Bob

I'm getting the same cryptic messages that Philip Roy had so how exactly do you copy the language file into the CF component? thanks

Hi bullfn33,

You can include a block of defines like this in the beginning of the file that manages the login process:

// Edit the language defines here
// :: Hack :: Language defines inserted because user is not logged in
// // language defines from en-GB.com_user.ini
define('SEND_MSG',"Hello %s,\n\nThank you for registering at %s.\n\nYou may now Login to %s using the username and password you were emailed.");
define('SEND_MSG_ACTIVATE',"Hello %s,\n\nThank you for registering at %s. Your account is created and must be activated before you can use it.\nTo activate the account click on the following link or copy-paste it in your browser:\n%s\n\nAfter activation you may login to %s using the following username and password:\n\nusername - %s\npassword - %s");
define('SEND_MSG_ADMIN',"Hello %s,\n\nA new User has registered at %s.\nThis e-mail contains their details:\n\nName - %s\ne-mail - %s\nUsername - %s\n\nPlease do not respond to this message as it is automatically generated and is for information purposes only.");
define('SEND REGISTRATION',"Send Registration");
define('ACCOUNT DETAILS FOR',"Account Details for %s at %s");
define('REG_COMPLETE',"You may now Login.");
define('REG_COMPLETE_ACTIVATE_TITLE',"Registration Complete!");
define('REG_COMPLETE_ACTIVATE',"Your account has been created and an activation link has been sent to the e-mail address you entered. Note that you must activate the account by clicking on the activation link when you get the e-mail before you can login.");

or you can copy the whole en-GB.com_user.ini file in the language/en=GB folder and call the copy en-GB.com_chronocontact.ini

Bob

I note with interest the beta of version 3. Given that I'm kinda stuck with the registration not working....

* Should I try the beta?
* Is it safe to use the beta on a production site?

Otherwise I'm happy just to wait see what happens with version 3.

Cheers,

Phil

LOL..now I can't even get past the verification code. For some reason it keeps saying I typed in a wrong verification code but I've tried it multiple times and pretty certain I'm typing it in correctly.

Sorry, You have entered a wrong verification code, Please try again!!

It submitted perfectly fine for me earlier today too. :?

Hi Bullfn33,

Which version do you have ? and do you reload the whole form page or just hit the back button after submit to retest ?

Hi Phil,

BETA 2 is very fine and we are using it here at the Contact page and the submit stories page!

Regards,

Max

Wow...just took me 2 hours to make a simple contact page in Beta 2 (I am a bit slow!). The wizard seemed very touchy and kept refusing to remember my email template (which refuses to email me in plain text). Anyway, I'll post on that elsewhere, so I think I'll hold off on creating a registration page.

Cheers,

Phil

Hi Phil,

I suggest this, leave your email template empty in the wizard, save your form, now open it in the forms management, go to the templates editor, open the editor HTML code editor, remove all the HTML code, add your plain text, save the form!

Hi Bullfn33,

Which version do you have ? and do you reload the whole form page or just hit the back button after submit to retest ?

2.5 J1.5 RC3.1 and I've tried both ways to retest it. You type in the letter case for the Captcha correct? Makes no sense that it worked the first time I tried it. Then I added in the block of language files and it started giving the message. Same result with removing the block of text and that was the only change I had made since it worked.

can I test this somewhere online ?

http://www.cfbpredictions.com/index.php?option=com_chronocontact&chronoformname=registration

Hi Bullfn33,

I just notice that when you load the page one image flashes up to be immediately replaced by another - don't know why this should be though.

Bob

hmm, I didn't notice that before. I think it is the previous image that was loaded maybe. If you refresh it you can see it was the previous image that was there and then quickly changes to a new one. Maybe this is why it's giving the error. I'll try to make a new form later and see if it will work then.

Hi Bullfn33,

Yes it is the previous one - I didn't think so earlier.

We had a problem like this several months ago . . . iirc it was fixed in a later release of CF. I don't remember the cause now - and this may not be the same thing.

Bob

I think reloading image is fine, its just a new image for a new session, I cant test this form while it registers new users too!

I think reloading image is fine, its just a new image for a new session, I cant test this form while it registers new users too!

I unchecked the Joomla Registration plugin.

yes it doesn't work, which type of session handler do you have at the joomla global config ? can you set it to database and retest ?

yes it doesn't work, which type of session handler do you have at the joomla global config ? can you set it to database and retest ?

it was set to database

ok, test the other one, CF J1.5 uses Joomla session handler, if this happens then Joomla session handler fails at your website or server!

OK, I tried it with the session handler switched to "none" and still got the verification code error message.

Hi there,

I'm coming back to this fairly old post of mine now that there is a new stable version of the component. I'm still keen to create a registration page, but not sure what to do with the new version.

I used the wizard to create a form (Name, Username, email, password and confirm password) and saved it. Then put a tick next to it and and clicked on the "Joomla Registration" and entered the details you see in the image attached. Also switched on Anti Spam and Validation.

At the moment, it isn't checking the 2 passwords are the same, isn't creating a user in the database or sending out emails. Some of the things I know I need to switch on, but not sure what I'm doing wrong to even start having the 2 passwords compared. Am I still needing to hack files to add validation coding?

Cheers,

Phil

Hi Phil, you will need to enable the joomla registration plugin at the plugins tab inside the form and make sure the password field and verify password fields has the same text like text_3 because simply this check will not be done as usual.

Regards

Max

So for the following code, should both instances of "text_4" be changed to "text_3" ..or just the id ?

<label class="cf_label">Password*</label><input class="cf_inputbox required" maxlength="150" size="50" id="text_3" name="text_3" type="password"></div><div class="clear"> </div></div><div  class="form_item"><div class="form_element cf_password"><label class="cf_label">Confirm Password*</label><input class="cf_inputbox required" maxlength="150" size="50" id="text_4" name="text_4" type="password"></div>

I then go back to that image in my previous post and enter "text_3" into both password fields?

Also....do I need to create the content of emails that go out or does the plugin do all that?

Cheers, Phil

Hi phil, don't change any code, at the image make both pass fields as text_3, emails sent will be the normal joomla registration emails + any configured chronoforms emails!

Regards

Max

Wow...almost there! But is the attached what you mean? If I do this, it is allowing me to enter two different passwords and they're not compared.

Phil

Hi phil, just use one password field, verification of similar fields is not supported here by default, however you can write 2 lines of code for this at the server side validation box and it will do it, if you need help writing this code just let me know!

Regards

Max

Yes, I need help please....I'm wanting to replicate registration functionality as much as possible.

Cheers, Phil

No problems, enable server side validation and add this code inside the box :

<?php
global $mainframe;
if(JRequest::getVar('text_3') != JRequest::getVar('text_4'))
return 'Sorry, your passwords don't match, try again!';
?>

Regards

Max

OK, that kinda worked, but it gave me a 500 error page....

500 - PASSWORD DO NOT MATCH.

You may not be able to visit this page because of:

...etc etc. Not sure what to do there?

Another question. My main reason for wanting to use Chrono Forms for registration is to do away with the Security Images component. It's a great component, but it means having to patch Joomla every time an update comes out. Using CF should make things a lot easier and make the experience nicer. I intend to hack the login module on the site to point to my new registration page, but how would I stop anyone getting to the page that endsin "index.php?option=com_user&task=register"....as I don't want them registering that way?

Thanks in advance (and sorry for all the questions).

Phil

Hi Phil, you will keep the plugin config as the last image above, don't change it, only make the server side validation, is this the case now ?

to full integrate this form as the only registration form there a joomla plugin must be written to redirect any user trying to access the default joomla login page to the new form, I will try to write one very soon as I need one myself!🙂

Regards

Max

Hi Phil, you will keep the plugin config as the last image above, don't change it, only make the server side validation, is this the case now ?

If I leave both boxes as "text_3" as in my second image, then it doesn't check that the passwords are the same...so I changed it back to how the first image has it....with "text_3" and "text_4". It does appear to be checking, but coming up with a nasty 500 page as the error?

to full integrate this form as the only registration form there a joomla plugin must be written to redirect any user trying to access the default joomla login page to the new form, I will try to write one very soon as I need one myself!🙂

Would this do it and is this what you mean?...it came out yesterday....

http://extensions.joomla.org/component/option,com_mtree/task,viewlink/link_id,6042/Itemid,35/

Cheers, Phil

Hi Phil,

#1- did you make the sever side validation code and enable it ?

#2- I'm not sure, I didn't try it or look at the code of this one!

Regards

Max

Hi,...1...yes...see attached images for how I have it now. If I make it "text_3" and "text_3" in the image where I indicate the various fields, it doesn't validate. If I make it text 3 and 4, it validates but the 500 page it throws up for passwords not matching isn't great.

Re 2...I tested it and it seems to do just as required :-)

Phil

Hi Phil, please backup your form and put it here or send by PM!

Regards

Max

Now I see, edit the error message to remove the quote from don't, make it dont OR don\'t OR change the whole line to be surrounded by double quotes instead of 1 quote at every side and don't do the other 2 changes I suggested earlier!

Cheers

Max

I just used do not just to be safe :wink:

Awesome!!!! It's all working perfectly with one minor exception. The email that gets sent out to the person registering is missing the actual password for some reason. For example....

After activation you may login to http://www.nziphone.com/ using the following username and password:

Username: Joe Bloggs
Password:

Max...I'm going to be moving my other site to J1.5 in a week or so and will use CF for Registration there too....how about I make up a guide for everyone after all the help I've received here and you're welcome to put it on the site?

Cheers, Phil

Great! regarding the password issue, give me sometime to check this because another user here got the same issue and I will check her site today hopefully, please remind me if I missed a soon reply.

some guide will be great for sure, I think you got familiar with it very well now!🙂

Cheers

Max

some guide will be great for sure, I think you got familiar with it very well now!🙂

Ha ha!

OK...it'll be a couple of weeks, but I'll get back to you.

Thanks again to everyone for the help!

Phil

Just a follow-up. I've had to quickly add the security images component (and associated hacked files) back into my site, as all though that plugin I mention redirects, adding characters into the URL brings up the old registration page with no spam protection.

For example, instead of index.php?option=com_user&task=register
If I make it index.php?option=com_user&task=register?
...it circumvents the plugin and goes back to the old registration form.

Not sure what to do?

Phil

Hi Phil,

Then that plugin you mentioned about redirects doesn't work as expected, it only redirects full URLs, that's too easy to break! as a quick workaround but not the cleanest way, here is how we can make the same effect at the template index.php file :

<?php
global $mainframe;
if((JRequest::getVar('option') == 'com_user')&&(JRequest::getVar('task') == 'register')){
$mainframe->redirect('chronoforms_form_link');
}
?>

Cheers

Max

Thanks....I've emailed the developer of the plugin in the meantime. I'll probably just leave security images in rather than hack the template file at this stage.

Cheers, Phil

Ok, but the solution above is much more clean, you will not upgrade your template very frequent and it doesn't include core files hacking like the security image component although I don't know whats this sec. image!!🙂

Cheers

Max

Yep...might go with your suggestion as the developer of the redirect plugin says what I'm asking isn't relevant to what the plugin is for.

Re security images, I meant this....
http://extensions.joomla.org/component/option,com_mtree/task,viewlink/link_id,1211/Itemid,35/

Phil

I just tried your code Max and the same thing happens.

index.php?option=com_user&task=register does indeed redirect, but index.php?option=com_user&task=register? still gets you back to the unprotected normal Joomla registration.

Phil

and
index.php?option=com_user&task=register&test2=value

what does the above url do ?

Redirects properly to register.html

Phil

Ok, I believe the only case is the task=register? , so for example if you made it task=register?x it will give a 404 page, so at my if statement above add register? as another probability for redirection!

task=register?x send you to a page that says "Welcome to the registered user area of our site"....which is OK.

Unfortunately, task=register? and task=register?? and task=register??? etc etc still take you to the default registration page. Is there not a way to block any combination?

Sorry if I'm sounding worried, but I had a back site hacking experience a while back.

Phil

Hi Phil, try to open this file :
components\com_user\views\register\tmpl\default.php and edit it to add :

$mainframe->redirect('chronoform_url');

and remove the template hack we made earlier!

let me know the results!

Cheers

Max

Add it where sorry? Just anywhere in that file as it is?

Phil

after the first PHP line which has JEXEC

Sorry, doing something wrong. jexec is on the second line. If I put it after that (or before) I just get the following image happening.

Phil

Hi Phil, did you add this line of code inside the PHP tags ?

Sorry, was having a bad day and not concentrating yesterday and just slapped it one line below (ignoring the close of the php tags). Looks like it has worked!! For the benefit of others, you change (in the file Max mentions)....

<?php // no direct access
defined('_JEXEC') or die('Restricted access'); ?>

To....

<?php // no direct access
defined('_JEXEC') or die('Restricted access');
$mainframe->redirect('chronoforms_url');
?>

In my case, "register.html" replaces the text "chronoforms_url" above

Cheers, Phil

Thanks for the guidance Phil!

Cheers

Max

No worries. I've done the images for the tutorial already and will keep working away on it. Thank you for all the help!

Phil