Miscellaneous Hacks - ajaxReg - Ajax Registration, with instant field checking

[hr]value[/hr]

. . . . . . . . Brought to you by

. . . http://www.Scriptasy.com

[hr]value[/hr]

Live Demo: ajaxReg 4.0.0

Installation Time: < 2 mins
Files: 3
Product: 1
VB Version: 3.X.X

• v3.0.1
  • fixed the apostrophe issue
• v3.0.2
  • added banned username check
  • fixed image url
• v3.0.3
  
  • fixed banned username check for people that don't have banned phrases
• v3.0.4
  • fixed the apostrophe issue for real instead of just not letting it be used
  • uses your username min character settings
  • uses your regex for usernames if set in the registration settings
  • (fixed for forums that have unregistered users set to cant view forum, look below for more info, its red.)
• v3.0.5
  • fixed minor issue
  • added vbsettings option
• v3.0.6
  • fixed slashes error
• v3.0.7
  • fixed email match
  • added email in use check
• v3.0.8
  • added password strength meter *requested
• v3.0.9
  • removed email is taken by "username" *requested
  • fixed [manual template edits]
• v3.1.0
  • fixed ajax vulnerabilities *
  • added captcha check, thats right
• v3.1.1
  • added captcha check to all captcha fields.

Description:
This hack uses AJAX to check if the user name is taken and also displays errors and reasons why the user messed up on the registration form. Look at attached example picture.

Installation Instructions:
(If you don't have the unregistered usergroup set to Can View Forum = YES then you will have to follow the normal steps then apply this fix: https://vborg.vbsupport.ru/showpost....&postcount=136)

1) Import the Product (make sure you have an original register template, or use the [manual edits])
2) Upload the images and javascript
3) Also Add these to your Additional CSS Definitions for your style:

.inputgood {
    width: 211px;
    border: 1px solid Green;
}
.inputbad {
    width: 211px;
    border: 1px solid Red;
}

If you like then [Mark As Installed]

[dancue]

Can someone tell me what this code does?

.inputgood {
width: 211px;
border: 1px solid Green;
}
.inputbad {
width: 211px;
border: 1px solid Red;
}

I've installed the mod, however I don't know why I would need this? what does it add?

[Shazz]

Originally Posted by dancue

Can someone tell me what this code does?



I've installed the mod, however I don't know why I would need this? what does it add?

Its the red and green colors of the boxes

[dancue]

It was doing it without that.

Are you sure?

Also, I'm not getting the strength meter thingie... What do I have to do?

[dancue]

Can anyone help me with the strength meter? There weren't any images to upload for it.

[Lynne]

Did you follow all the steps including adding the additional css to your style?

[Shazz]

Originally Posted by dancue

It was doing it without that.

Are you sure?

Did you try out all the boxes.

[dancue]

yeah. They all outlined the boxes either green or red without me inputing the css.

what I don't have is the strength meter. the css doesn't help that. Aren't we supposed to upload an image for that? I only had the check mark and X-mark in the images folder.

[Lynne]

Originally Posted by dancue

yeah. They all outlined the boxes either green or red without me inputing the css.

what I don't have is the strength meter. the css doesn't help that. Aren't we supposed to upload an image for that? I only had the check mark and X-mark in the images folder.

Well it does say this in the installation instructions:

2) Upload the images and javascript

In the forum folder is the images folder and within that is the misc folder which has the images. Follow the same path to install them.

[dancue]

I said I did upload the images, but there were only 2 images included. Both of those images are working fine.

The meter is what is not working. Is the meter image supposed to be included?

[Lynne]

I see three images in the misc folder to upload, so if you only uploaded two, then you have not uploaded all the images.

The password meter? If you look at the source code, you will see it is a bunch of div code with inline css. It uses "background-image: url('./images/misc/pwStrengthBar.gif')"