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]

[ogameclub]

v.4.0.0
Error Complate registration:
-after image verification error,
-copy/paste e-mail address, or change address.

[Red Spider]

Can't get v4.0.0 to work at all (IE shows Error on Page) and v3.1.1 shows the following:

Warning: preg_match() [function.preg-match]: Compilation failed: missing ) at offset 1 in /ajax.php(474) : eval()'d code on line 8

Warning: preg_match() [function.preg-match]: Compilation failed: unmatched parentheses at offset 0 in /ajax.php(474) : eval()'d code on line 8

Warning: preg_match() [function.preg-match]: Compilation failed: missing terminating ] for character class at offset 1 in /ajax.php(474) : eval()'d code on line 8
test username Is Available

[TheBlackPoet]

Originally Posted by Coders Shack

not sure what your talking about

when you verify the email address it stays red.... instead of turning green... i can live with that... i just loved the way it originally worked.. really sweet..

[TheMilkCarton]

Originally Posted by TheBlackPoet

when you verify the email address it stays red.... instead of turning green... i can live with that... i just loved the way it originally worked.. really sweet..

It turns green for me. Are you sure you didn't "verify" the 2nd one using autocomplete? Not sure if it's been fixed yet (to not use autocomplete)

[Coders Shack]

ok it would be cool if you guys messed with the demo and told me what you think so far. I changed quite a few things.

[TheMilkCarton]

Umm... The username check is being a little too thorough..

1) It's actually telling me that it's too short once I type a letter or two, and once it gets to 5 letters, it turns green and keeps me from typing anymore.

Then, once I try to delete it and try again, the input background stays green, but then the X comes up and says that it's too short..

There are more issues now than before, basically.

You must must must change the Username Check back to an onBlur event, or whatever you used before.. It's nightmarishly annoying to have it check before you've even finished typing.

2) Once I fill out most of the info, and then decide to go back and change my username, the 1st password input field does not stay green.

3) Email address check also starts checking before you're even done typing.

3a) For instance.... type out "email@yahoo.co.uk", and it changes to the next field after you type out "co"
3b) But it also tells me that I'm entering an invalid email before I ever enter anything. (If I press Shift for example, it immediately says I'm entering an invalid email.)

--------

Have you increased the time it waits in the past few minutes? I don't seem to have a problem anymore... with the name checking.

[Coders Shack]

i could change the time out, made it 3 times longer.

[TheMilkCarton]

Originally Posted by Coders Shack

i could change the time out, made it 3 times longer.

I'm still not sure about the current checking method. Alot of people sit at their computer thinking of a name to use.. Sometimes they type out part of it and then let it sit. The biggest problem about this current method, is that I can't seem to click back inside the box. At least initially. It took me about a dozen clicks and entirely too much effort to try and edit my username right after it had checked.

But I think I also see the problem in using an onBlur event.. Since you've greyed out the other fields, there's nothing for a person to "Tab" to.

[Newfarm]

Originally Posted by Coders Shack

not sure what your talking about

It doesn't happen at home using FF but at work using ie6.

Seems to me that the new form breaks on certain browsers which is a bit of a problem as far as I'm concerned .

The new functionality of having a timeout on the input fields really doesn't work out too well from my point of view. I do like what you're trying to do, but how about it being on a lower timeout but not switching fields and making the "completed" field "done" ?

This way you could type in:

usern -> wait a bit and consider while getting the message that it's free -> complete it to username and get a new update (could possibly store 'usern' as a var and compare it to 'username' and if they're different do a new check and output new result to user).

Basically it needs to update the status either with a button or close to realtime, this artificial delay just feels really weird.

[Coders Shack]

yea i was expecting it to break, im working off a linux box. When i have time ill actually mess with it more.